vue--element-ui--tree组件解决从外部按钮取消选中状态

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

官方提供的方法是：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;
}

但