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

最新推荐文章于 2024-07-19 16:39:00 发布

Adasunshine

最新推荐文章于 2024-07-19 16:39:00 发布

阅读量978

点赞数

分类专栏： vue 文章标签： elementui vue

本文链接：https://blog.csdn.net/FormAda/article/details/121146951

版权

vue 专栏收录该内容

12 篇文章 2 订阅

订阅专栏

<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
    },