<el-tree
:data="treeData" //绑定的数组
show-checkbox //是否显示复选框
:default-checked-keys="check" //默认选中的值 是一个数组里面是每个值的id
node-key="id" //绑定id 重点...
ref="tree" //很多方法都要先声明red 重点...
highlight-current
:props="defaultProps"
@check="currentChecked"//监听点击事件
>
</el-tree>
data(){
retuen{
defaultProps: {
children: "children",
label: "label",
},
check:[],
roleData:'',//点击选中的数据
}
}
methods: {
currentChecked (nodeObj, SelectedObj) {
// console.log(SelectedObj,'ttt')
// console.log(SelectedObj.checkedKeys,'pppp') // 这是选中的节点的key数组
取消子节点下其中一个复选框不会返回父节点id
// console.log(SelectedObj.checkedNodes,'oooo') // 这是选中的节点数组
let id = this.$refs.tree.getHalfCheckedKeys().concat(this.$refs.tree.getCheckedKeys())
//勾选与取消都会返回父节点id
this.check = SelectedObj.checkedKeys
this.sysRoleUpdateCheck(id)
console.log(id ,'this.$refs.tree.getCheckedKeys()')
},
}