vue + element 中的tree树,自定义增加单选按钮radio实现单选

vue + element 中的tree树,自定义增加单选按钮radio实现单选,第1张

网上有很多重置el-tree勾选以达到单选的目的,

主要思路是在点击多选框或者是点击树节点时候 setCheckedNodes 设置当前勾选节点

但是亲身实验效果并不理想,多层级或快速点击时都会选择多个或者页面视图是勾选一个,但是获取勾选元素时还是多个节点被勾选

于是,展示自定义节点内容,并加入radio单选按钮真正的实现单选;

1 可能存在已勾选项的子节点或父节点

2 VueTree组件的勾选规则是父节点勾选,则其所有子节点也会被勾选;反之,如果子节点全部勾选,则其父节点也会被勾选。

因此,如果已经勾选了一个父节点或子节点,再去勾选其子节点或父节点是无效的。

3 如果需要重新勾选,可以先取消已勾选的父节点或子节点,再勾选目标节点即可。

另外,VueTree组件还提供了一些API方法,可以通过编程方式改变节点的勾选状态。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11953102.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存