全部展开树节点（递归节点）

最新推荐文章于 2025-10-17 15:55:23 发布

原创最新推荐文章于 2025-10-17 15:55:23 发布 · 765 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #antdVue

Ant Design Vue 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用Ant Design Vue(AntdVue)组件库中的Tree组件来实现自动展开所有节点的功能。通过递归地设置每个节点的展开状态，并提供具体的实现代码示例。

antdVue 展开全部节点

<a-tree
        :expanded-keys="expandedKeys"
        :selected-keys="selectedKeys"
        :tree-data="treeDeptData"
        @expand="onExpand"
          @select="onSelect"
        :replaceFields="{ children: 'children', title: 'name', key: 'id' }"
      >

// 拿到数据 去递归节点赋值 
   this.recursiveExpand(this.treeDeptData, this.expandedKeys)

recursiveExpand(arr, tmp) {
      for (let i = 0; i < arr.length; i++) {
        tmp.push(arr[i].id)
        if (arr[i].children !== null && arr[i].children.length > 0) {
          this.recursiveExpand(arr[i].children, tmp)
        }
      }
      return tmp
    },