ElementUI的el-tree树形组件实现分配权限注意的点

 前言

随着Vue的爆火(很大部分是我们国内开发者功劳)，自开源以来，在GitHub上已经斩获176k票star，位居前三，所以饿了么推出的基于Vue的前端框架ElementUI以简洁的UI与实用的组件等普及度越来越高。

下面是一个完整的el-tree实例，包含了我所遇到的坑。

Template代码

        <el-tree style="height:100%;" :data="data" @check="handleCheckChange" show-checkbox node-key="menuid" ref="authTree"
          highlight-current :props="defaultProps">
        </el-tree>

check函数：当复选框被点击的时候触发

show-checkbox：显示选项的多选框

node-key="menuid"：什么意思呢，官网很模糊只是说一些功能都必须要提供这个属性(比如选中等等)，它其实就是我们数据源中的唯一标识，比如数据库中你的权限表主键为id，这里就是填id

ref=""authTree"：创建引用到此组件的类似指针的功能

:props:"defaultProps"：这个属性就是定义你要绑定的子节点和展示标题相关,官网有四个属性可选值：

　　label：定义你要绑定的标签属性

　　children：定义子树的属性值

ElementUI的el-tree树形组件实现分配权限注意的点

原文：https://www.cnblogs.com/StarChen20/p/14083541.html