defaultProps: {
children: "children",
label: "name"
},
memberlist: [],
permissionIds: [],
checkPermissionIds: [],
<el-tree
ref="tree"
:data="memberlist"
:default-checked-keys="checkPermissionIds"
:props="defaultProps"
node-key="id"
show-checkbox
@check-change="handleCheckChange"
></el-tree>
handleCheckChange() {
this.checkPermissionIds = this.$refs.tree.getCheckedKeys();
console.log(this.checkPermissionIds, "全勾选");
this.permissionIds = [
...this.$refs.tree.getCheckedKeys(),
...this.$refs.tree.getHalfCheckedKeys()
];
console.log(this.permissionIds, "半勾选+全勾选");
},
closeDialog() {
this.$refs.tree.store.defaultCheckedKeys = [];
},