解决 vue Element ui tree 不能单选的问题

发布时间:2019-05-14 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了解决 vue Element ui tree 不能单选的问题脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

在项目中遇到的需要使用 tree 控件进行选择,如下图

图片描述

本来的思路是在change的事件里进行 每次点击进行清空

this.$refs.tree.setCheckedKeys([]);

但是在执行此操作的时候,发现change事件会逐渐的循环,导致选择不上

现在的思路是:在每次进行点击时,如果发现数据中已有该数据,便进行删除

没有数据,择进行添加,如果只有一个数据,那么就把当前的树节点进行false选择

代码如下

图片描述

this.selectOrg.orgsid 是一个中间数据,进行判断,所以没有使用默认选择的那个数组

解决 vue Element ui tree 不能单选的问题

然后就可以进行单选了

努力学习

脚本宝典总结

以上是脚本宝典为你收集整理的解决 vue Element ui tree 不能单选的问题全部内容,希望文章能够帮你解决解决 vue Element ui tree 不能单选的问题所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:Vue