0


element-ui tree 点击章节节点勾选/取消勾选

element-ui tree 点击章节节点勾选/取消勾选


遇到一个需求,要求点击tree组件的章节时

(不是点击checkBox)

,要进行节点勾选/取消勾选操作;
原本想的方案非常复杂,涉及到遍历父子节点,且要考虑到底是勾选还是取消勾选,还有父节点的半勾选状态等(废话不多说了,懂的都懂)。。。。
超简单实现方案 ------ 直接上代码


在tree的 node-click 事件里

<script>methods:{// 点击章节节点勾选/取消勾选nodeClick(data, node, el){const treeitem = el.$el;const checkbox_input = treeitem.childNodes[0].childNodes[1].childNodes[0];
      checkbox_input && checkbox_input.click();},}</script>

已测试,没毛病


总结

回归到了操作 dom 节点的方式,找到属于点击章节的checkbox,添加点击事件;
有时候不要把问题想的太复杂(我说的我自己);


以上作废,我错了,我是小丑

check-on-click-node 加上这个属性就行了
在这里插入图片描述


本文转载自: https://blog.csdn.net/qq_44130459/article/details/127111390
版权归原作者 名字不重要丶 所有, 如有侵权,请联系我们删除。

“element-ui tree 点击章节节点勾选/取消勾选”的评论:

还没有评论