el-treeselect
importTreeSelectfrom'@/components/tree-select.vue';varmenus=[{'menuId':1,'menuName':'系统管理','childrenList':[{'menuId':100,'menuName':'用户管理','childrenList':[{'menuId':1000,'menuName':'用户查询'},{'menuId':1001,'menuName':'由用户添加'},{'menuId':1002,'menuName':'由用户修改'},{'menuId':1003,'menuName':'由用户删除'}]},{'menuId':101,'menuName':'角色管理','childrenList':[{'menuId':1006,'menuName':'角色查询'},{'menuId':1007,'menuName':'角色新建'},{'menuId':1008,'menuName':'角色修改'},{'menuId':1011,'menuName':'删除角色'}]}]}];exportdefault{name:'home',components:{TreeSelect},data(){return{data:menus,defaultProps:{children:'childrenList',label:'menuName'},nodeKey:'menuId',defaultCheckedKeys:[]};},created(){},mounted(){//在构造中添加了监控数据变化,//这里初始化defaultCheckedKeys的值,有效this.defaultCheckedKeys=[1001];},methods:{//更改默认选中节点数据initChecked(){this.defaultCheckedKeys=[1006,1007];},popoverHide(checkedIds,checkedData){console.log(checkedIds);console.log(checkedData);}}};
————————————————版权声明:本文为CSDN博主“sleepwalker_1992”原创文章,内容如下CC4.0BY-SA版权协议。转载请附上原文出处链接及本声明。