.vue文件
<el-tree :data="treeData" show-checkbox node-key="id" :props="defaultProps"
check-strictly @check-change="handleClick" ref="treeForm"> </el-tree> ref vue
的引用信息 node-key="id" 树节点的唯一标识(查看官网API) :props="defaultProps" tree树的默认属性修改 check
-strictly 父节点不相关联子节点 @check-change="handleClick" 当前节点变化时处理事件
.js文件
export default{ data(){ return { i:0, } }, computed:{ }, mounted(){ },
methods:{ handleClick(data,checked, node) { this.i++; if(this.i%2==0){ if(
checked){ this.$refs.treeForm.setCheckedNodes([]); this
.$refs.treeForm.setCheckedNodes([data]);//交叉点击节点 }else{ this
.$refs.treeForm.setCheckedNodes([]);//点击已经选中的节点,置空 } } }, } } 注意:set
CheckedNodes 勾选的节点,必须设置 node-key 属性
参考来源  :   element UI官网 <http://element.eleme.io/1.4/#/zh-CN/component/tree>

友情链接
KaDraw流程图
API参考文档
OK工具箱
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:ixiaoyang8@qq.com
QQ群:637538335
关注微信