vue+element实现单选
注意哦:是彻底的单选,就是父子结点无关系的那种,一共只能选一个
<el-tree
:data="data"
show-checkbox
default-expand-all
node-key="id"
:check-strictly="true" //父子关系脱离绑定
ref="tree"
highlight-current
@check="check" //检测复选框的点击变化
:props="defaultProps">
</el-tree>
然后定义method:
methods:{
check(data, node){
if(node.checkedKeys.length > 1){
this.$refs.tree.setCheckedNodes([]);
this.$refs.tree.setCheckedNodes([data]);
}
},
}
然后就OK啦,最后上效果图:
就是这样的,咋选都是单选