elementUI树形控件使用(常用)

:data=‘’ 就是绑定的数据,在data里面定义空就好,后端获取的

:props=‘’,这个绑定的是一个对象

show-checkbox,变复选框

default-expand-all,打开所有折叠的tree

:default-checked-keys="defKeys",默认选中的,defKeys 在data里面定义空数组,然后再methed定义方法,来递归获取最下面的tree节点

node-key='id' 树节点用来作为唯一标识的属性

getLeafKeys(node, arr) {
      if (!node.children) {
        return arr.push(node.id);
      } else {
        node.children.forEach(item => {
          this.getLeafKeys(item, arr);
        });
      }
    }

 然后在需要展示的方法里面调用这个方法,

this.getLeafKeys(role, this.defKeys);

role要在定义方法处传入(scope.row),然后传到最外面的方法,然后在这里才能用,this.defKeys就是data里面定义的数组

 treeProps: {
    label: "authName",
    children: "children"
},

label是要显示的节点的某个属性值

children就是显示子节点的某个属性值

你可能感兴趣的:(问题和解决办法,elementui,vue.js,javascript)