<template>
<el-tree :data="rightlist" node-key="id" show-checkbox :default-checked-keys="defKeys" :props="treeProps" default-expand-all>
</el-tree>
</template>
<script>
export default {
data() {
return {
rightlist: [{"id":102,"authName":"订单管理","children":[{"id":107,"authName":"订单列表","children":[{"id":109,"authName":"添加订单"},{"id":154,"authName":"订单更新"},{"id":155,"authName":"获取订单详情"}]}]}],
treeProps: {
children: 'children',
label: 'authName',
},
// 当前角色已有三级权限的id
defKeys: [109],
}
},
methods: {
closeHandler() {
this.defKeys = []
},
},
created() {
this.getRoleList()
},
}
</script>
注意写node-key,不然写的那个:default-checked-keys=“defKeys” 默认选中的值不会生效