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

Java旺

关注

阅读 116

2022-02-11

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;
    }
  })
},

精彩评论(0)

0 0 举报