html部分
<el-tree
:data="data"
show-checkbox
node-key="id"
ref="tree"
check-strictly
highlight-current
@check-change="handleClick"
:props="defaultProps"
>
js部分
data:[{
id: 0,
label: '一级菜单',
children: [
{
id: 1,
label: '二级1-1',
},
]
}],
defaultProps: {
children: 'children',
label: 'label'
}
...
handleClick(data,checked, node){
if(checked){
//关键
this.$refs.tree.setCheckedNodes([data]);
}
},
....
获取勾选框的内容 Array[id]
getCheckedKeys和getHalfCheckedKeys都是官方文档方法,组合起来 获取当前 树状插件 当前的勾选框checkout 内容
let resArr=this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys());
扩展参考(及其 屏蔽父级勾选框的方法)