elementui el-tree回显多个节点高亮

elementui好像只能高亮一个

//只可以高亮一个
this.$refs.tree.setCurrentKey(id值(例如:9);

我想回显数据的时候,把选中的都高亮,所以需要高亮多个节点。

那么利用这个属性来设置
请添加图片描述

<el-tree
 class="treeSty"
  :data="treedata"
  show-checkbox
  :default-expand-all="treeAll"
  node-key="userId"
  ref="tree"
  highlight-current
  :props="defaultProps"
  :default-checked-keys="checkKeys"
  check-strictly
  @check="check"
  @node-expand="treexpand"
  @check-change="handleCheckChange"
  check-on-click-node
  :render-content="rendContent"  // 这个
>
</el-tree>
    
// 方法
rendContent(h, { node, data }) {
 // console.log(data);
  let hightdata = 要高亮的值(例如:[20,30,40];

//  判断与树形结构数据中的值一样的就是需要高亮的
  if (hightdata.indexOf(data.userId) != -1) {
    return <span class="hightli">{data.name}</span>;
  } else {
    return <span>{data.name}</span>;
  }
},

// 写样式
/deep/ .hightli {
//设置自己想要设置高亮的颜色就好了
  color: #409eff !important;
}

你可能感兴趣的:(elementui,javascript,vue.js)