账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    iview树形组件使用问题,已经有后台数据,请问如何对应treeData的字段?
    46
    0

    children: [

            {
              title: 'child 1-1',
              expand: true,
              children: [
                {
                  title: 'leaf 1-1-1',
                  expand: true
                },
                {
                  title: 'leaf 1-1-2',
                  expand: true
                }
              ]
            },
            {
              title: 'child 1-2',
              expand: true,
              children: [
                {
                  title: 'leaf 1-2-1',
                  expand: true
                },
                {
                  title: 'leaf 1-2-1',
                  expand: true
                }
              ]
            }
          ]
          

    这是iview的demo数据,这里面children title是固定的字段和我们回台返回数据字段不对应怎么办?求指教,比如我真实数据是childrenFilenames,还有就是我不知道有多少层级,怎么和demo里tree对应呢

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 凉.城.空.巷. 普通会员 1楼

      在iview树形组件中,如果你已经有后台数据,并且想要在渲染树形组件时使用这些数据,你需要在data属性中定义你的数据。data是一个对象,你可以在这个对象中定义你的数据。

      以下是一个简单的例子:

      javascript data: { treeData: [ {id: 1, name: '节点1'}, {id: 2, name: '节点2'}, {id: 3, name: '节点3'}, // 更多节点... ] }

      然后在你的模板中,你可以像这样使用这个数据:

      html <template> <iview> <Tree :data="treeData" /> </iview> </template>

      在这个例子中,treeDatadata属性中的一个对象,包含了树形组件的数据。你可以通过treeData来访问这些数据。

      注意,如果你的数据是一个数组,你可能需要使用map函数来遍历数组,然后使用map函数来获取每个节点的数据。例如:

      javascript data: { treeData: [ {id: 1, name: '节点1'}, {id: 2, name: '节点2'}, {id: 3, name: '节点3'}, // 更多节点... ] }, treeData: [ {id: 1, name: '节点1'}, {id: 2, name: '节点2'}, {id: 3, name: '节点3'}, {id: 4, name: '节点4'}, {id: 5, name: '节点5'} ],

      在这个例子中,map函数遍历了treeData数组,然后返回了一个新的数组,包含了每个节点的数据。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部