当前位置: 首页 > Web前端 > vue.js

Vue在elementUI中使用el-treesetCheckedKeys清除数据不全问题

时间:2023-03-31 15:47:34 vue.js

前言:elementUi中可以选中的el-tree树形控件,第一次选中后,再次进入还是出现选中的问题。完整代码如下:15":content="node.label"placement="top"effect="light">{{node.label.slice(0,12)+"..."}}{{node.label}}确定Cancel当弹框关闭时(触发dialogClose操作),我们清除el-tree选中的数据,我们使用setCheckedKeys但是关闭后重新进入还是有节点选择问题,即使加了$nextTick也没用!!!![image](/img/bVcIuu4)后来百度了另一种方法,就是在弹框关闭的时候获取el-tree的node节点,然后把checked改成falsevarnode=this.$参考树。getNode(this.treeData[0].id).parent;node.childNodes.forEach((item)=>{node.checked=false;if(item.childNodes.length>0){item.childNodes.forEach((element)=>{});不仅检查了childNodes需要改成false,还需要改父节点这样问题就解决了,完美~