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]); //选中已选中节点 },