vue中el-tree的用法

<el-tree
                :data="menulistdata"
                show-checkbox
                node-key="id"
                :default-expand-all = true
                @check-change="handleCheckChange"
                :default-checked-keys="newarrid"
                :props="defaultProps">
            </el-tree>



export default {
    name: 'basetable',
    data() {
        return {
             defaultProps: {
                  children: 'childrenList',
                  label: 'name'
             },
        }
     }


   // 分配菜单
        handlelimit(index, row){
            this.menuIdListdata.roleId = row.id;
            let params = {
                roleId: row.id,
            }
            allotrule(params).then(res=>{
                console.log("看看拿到的menulist",res);
                if(res.code == 200){
                    this.menulistdata = res.data
                    this.menuIdListdata.menuIdList = [];
                    this.newarrid = [];
                    if(this.menulistdata.length != "0"){
                        this.traversearr(this.menulistdata)
                    }
                }
            })
            this.limitVisible = true;
        },

  // 保存分配菜单
        savelimit(){
            this.menuIdListdata.menuIdList = new Set(this.menuIdListdata.menuIdList);
            this.limitVisible = false;
             console.log("kanka",this.menuIdListdata.menuIdList);
            rolemenu(this.menuIdListdata).then(res=>{
                if(res.code == 200){
                    this.$message.success('保存成功');
                }
            })
        },

1：el-tree中的data是展示数据的数据来源，node-key是树节点的唯一标识，show-checkbox是控制节点是否可被选择，default-expand-all是默认展开所有节点，default-checked-keys：默认勾选的节点key数组