elementui树形控件默认第一个高亮

最新推荐文章于 2023-09-09 21:17:29 发布

原创最新推荐文章于 2023-09-09 21:17:29 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

elementui 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了Element UI中树形组件的高级使用技巧，包括动态数据绑定、节点点击事件处理、高亮当前选中节点及如何在页面加载时预设首个节点为选中状态。通过具体代码示例，读者可以深入理解并掌握这些特性。

<el-tree
   :data="kemu"
     :props="defaultProps"
     //注意这里
     node-key="show"
     :expand-on-click-node="false"
     @node-click="change_kemu"
     //打开高亮
     :highlight-current="true"
     //注意这里
     ref="treeBox"
     >
</el-tree>

//先赋值
this.kemu = x
//再让第一个高亮
 this.$nextTick(() => {
       // treeBox 元素的ref   value 绑定的node-key
       this.$refs.treeBox.setCurrentKey(x[0].show);
   });