elementUI树形控件使用（常用）

<el-tree
     :default-checked-keys="defKeys"
     node-key='id'
     default-expand-all
     show-checkbox
     :data="rightsList"
     :props="treeProps"
></el-tree>

：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就是显示子节点的某个属性值