element-ui Tree 树形控件实现单选 最简方法VUE
做项目时需要用到Tree树形控件单选但是Tree组件没有单选设置,网上找了几个方法不太适应,看了官网文档发现很简单 代码如下
<el-tree ref="treeForm" default-expand-all node-key="id" :data="findCapitalAreasData" :props="defaultProps" show-checkbox :check-strictly="true" @check="handleCheckChangeArea" ></el-tree>
//当复选框被点击的时候触发
handleCheckChangeArea(data) {
var labvalojb = data; //暂存选中节点
// console.log(data);
this.$refs.treeForm.setCheckedKeys([]); //删除所有选中节点
this.$refs.treeForm.setCheckedNodes([labvalojb]); //选中已选中节点
},
蜀ICP备16028301号-5