关键配置 :
data 树形结构的数据
show-checkbox 显示复选框
ref 可以this.$refs.tree拿到此控件
node-key 给节点的编号
check-stricty 父、子节点之间没有关联【不写这个,选了父节点,会默认选择全部的子节点】
check 复选框选择、取消选择时触发的事件
<el-tree
ref="tree"
@check="handleCheck"
:data="treeData"
node-key="id"
show-checkbox
check-strictly>
</el-tree>
js关键代码 :
handleCheck (a, b) {
//a为传递给 data 属性的数组中该节点所对应的对象;b为树目前的选中状态对象
if (b.checkedKeys.length > 0) {
this.$refs.tree.setCheckedKeys([a.id]);
}
}