从外部按钮设置----树的选中状态---以及定点删除对应的清空

官方提供的方法是:this.$refs.tree.setCheckedKeys([]); 但这只是清除所有;

必须找到清除对应的节点清除勾选状态

我采用的办法是,把所有要展示的外部删除按钮的id(和树里面的id是对应的,要设置node-key="id")push在一个新数组里面,上面那个方法例子在下面  <el-tree
          :props="props1"
          load="loadNode1"
          node-key="code"
          :check-strictly="true"
          :show-checkbox="true"
          :expand-on-click-node="false"
          :default-checked-keys="keys"
          ref="tree2"
          @check-change="checkQ"
           lazy
>

</el-tree>

js如下

   var text=[]

e.data.map(function(item){

                  item.text=item.RName;
                  item.code=item.RoleId;
                  delete item.RName;
                  delete item.RoleId;
                    text.push(item.RID)
                  
  })
    if(RID){
        recourcePemission.$refs.tree2.setCheckedKeys(text)
      }

      recourcePemission.deparrListJ=e.data


tree点击的时候样式的选中颜色

.el-tree-node:focus>.el-tree-node__content, .el-tree-node__content:hover{

    background:#ffffff;
    color:#66b1ff;
}





Logo

前往低代码交流专区

更多推荐