element-ui tree 控件怎么设置高亮

Question

1. 用了element-ui tree的控件，结构如下图所示
2. 需求：当我点击右边 三级1-1-1 的文件时，我如何让tree的 三级1-1-1 这个节点高亮( 也是就说通过什么办法让满足某一条件的tree节点高亮 )，同时如果当前tree 的 二级 1-1 是折叠状态，我要如何让它呈现出展开状态。在此请教各位大神。

   

Answer 1

加个属性highlight-current 不需要给任何值

Answer 2

树中有个setCurrentKey()方法，可以根据节点id，显示高亮效果，下面是树，设置的部分属性（属性可以根据文档中去加或者减，这里只是给你做个参考）

<el-tree
  ref="tree"
  :data="data"
  node-key="id"
  show-checkbox
  check-strictly
  highlight-current
  :expand-on-click-node="false"
  />

直接调用这个方法就可以了
this.$refs.tree.setCurrentKey(节点id)