C/C++教程

el-tree 使用setCheckedNodes取消复选框勾选

本文主要是介绍el-tree 使用setCheckedNodes取消复选框勾选，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

el-tree 使用setCheckedNodes取消复选框勾选

描述

点击右侧删除，左侧tree的对应复选框取消勾选

效果图

在这里插入图片描述
el-tree设置node-key
node-key：其值为节点数据中的一个字段名，该字段在整棵树中是唯一的

官网

在这里插入图片描述

代码

在这里插入图片描述
在这里插入图片描述

deleteMyIndex(newV){  
 let choiseCheckList = this.$refs.myIndexTree.getCheckedNodes();
  choiseCheckList.forEach((item,inx)=>{
    if(newV.combinedId == item.extra.extra){
      choiseCheckList.splice(inx,1)
      this.$nextTick(() => {
        this.$refs.myIndexTree.setCheckedNodes(choiseCheckList);
      })
      this.length = choiseCheckList.length;
    }
  })
},
这篇关于el-tree 使用setCheckedNodes取消复选框勾选的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航