el-tree 设置默认值

最新推荐文章于 2024-08-02 11:39:51 发布

Beam007

最新推荐文章于 2024-08-02 11:39:51 发布

阅读量3k

点赞数 1

分类专栏： element

本文链接：https://blog.csdn.net/Beam007/article/details/119823719

版权

本文介绍了如何在el-tree组件中设置默认值，包括单选树和多选树的配置方法，提供了相应的代码示例。

摘要由CSDN通过智能技术生成

一、el-tree单选树设置默认值

代码：

<!-- 单选树 -->
<el-tree ref="tree" :data="treeMenus" :props="defaultProps" accordion @node-click="handleNodeClick" :node-key="nodeId" :filter-node-method="filterNode" highlight-current :expand-on-click-node="true" :default-expanded-keys="[defaultId]">
  <span class="span-ellipsis" slot-scope="{ node }">
    <span :title="node.label">{
  { node.label }}</span>
  </span>
</el-tree>

created () {
  // 给单选树赋默认值
  if (this.setDefultId !== undefined) {
    this.defaultId = this.setDefultId
  }
},
updated () {
  // 给单选树设置默认值
  if (this.setDefultId !== undefined) {
    this.defaultId = this.setDefultId // 这个用于展开树到高亮的节点
    this.$nextTick(() => {
      this.$refs.tree.setCurrentKey(th