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

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





GitHub 加速计划 / eleme / element
13
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:11 天前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐