在使用elementui树形组件的时候,我们经常免不了这种需求:默认高亮显示第一个树节点或者已选择的节点,或者后台返回的节点

不管是怎么样的,万变不离其宗,使用的方法都一样

elementui树形组件el-tree回显的时候默认高亮已选择的节点

 

 

 如图所示是粗略实现效果,点击展开左右两个树后高亮显示已选择的节点.

接下来就说说如何实现的

elementui树形组件el-tree回显的时候默认高亮已选择的节点

看看current-node-key在文档中的解释,

所以要想让节点高亮,就得设置这个key值

 

elementui树形组件el-tree回显的时候默认高亮已选择的节点

 

 

elementui树形组件el-tree回显的时候默认高亮已选择的节点

 

 

以上是默认高亮显示第一个节点,接下来看看setCurrentKey在文档中的解释

elementui树形组件el-tree回显的时候默认高亮已选择的节点

 

 此处使用setCurrentKey方法的时候必须将其放在nextTick中,要等数据更新渲染完再调用,否则找不到对应元素,项目报错

相关文章:

  • 2021-09-13
  • 2022-12-23
  • 2021-05-04
  • 2022-12-23
  • 2021-08-03
  • 2022-12-23
  • 2021-07-19
  • 2022-12-23
猜你喜欢
  • 2021-04-10
  • 2021-09-24
  • 2022-12-23
  • 2021-10-02
  • 2021-11-27
相关资源
相似解决方案