el-tree实现单选功能

关键配置 :

data 树形结构的数据

show-checkbox 显示复选框

ref 可以this.$refs.tree拿到此控件

node-key 给节点的编号

check-stricty 父、子节点之间没有关联【不写这个,选了父节点,会默认选择全部的子节点】

check 复选框选择、取消选择时触发的事件


js关键代码 :

handleCheck (a, b) {
    //a为传递给 data 属性的数组中该节点所对应的对象;b为树目前的选中状态对象
    if (b.checkedKeys.length > 0) {
      this.$refs.tree.setCheckedKeys([a.id]);
    }
}

 

你可能感兴趣的:(Vue,ElementUI,JavaScript)