Element ui 树点击展开所有子节点

最新推荐文章于 2024-01-26 16:00:33 发布

原创最新推荐文章于 2024-01-26 16:00:33 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue

vue 专栏收录该内容

12 篇文章

订阅专栏

本文介绍 Element UI 中树形组件的使用方法，包括如何加载数据、设置默认展开状态、处理勾选事件及获取已勾选节点等关键功能。

<el-tree
      :load="loadNode"
      lazy
      show-checkbox
      :props="props"
      :render-content="renderContent"
      node-key="id"
      :default-checked-keys="checked"
      :default-expanded-keys="path"
      @check-change="getCheck"
      @check="checkedExpand"
      ref="tree"
></el-tree>

     checkedExpand(items) {
      //点击勾选默认展开所有的子节点
      this.$refs.tree.store.defaultExpandAll = true 
      //获取所有子节点
      let res = this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())
      this.path = res
    },