el-tree-v2渲染树形大数据并设置默认展开

小猿L

已于 2024-04-16 21:04:46 修改

阅读量2.9k

点赞数 1

分类专栏： vue踩坑经验累积 elementui那些小九九文章标签： elementui vue

于 2024-03-30 11:56:27 首次发布

本文链接：https://blog.csdn.net/enhenglhm/article/details/137169423

版权

el-tree-v2无 el-tree中默认展开节点的属性，需要自行设置

default-expand-all

是否默认展开所有节点

需求：首次默认展开全部节点

实现1尝试失败：增加设置了属性 :default-expand-keys="props.treeData.map(item=item.id)"无效，但是静态数据:default-expand-keys="[1]"指定id就可以展开，原因应该是数据视图更新导致，但是未找到好的解决方法。

如下实现：

1-设置了firstExpand为首次加载标志

2-判断为第一次加载，是就setExpandedKeys设置默认展开

<script lang="ts" setup>
  import {  ElTree } from "element-plus";
  import { ref, watch, onMounted, nextTick } from "vue";
 //动态设置的高度
  const { tableBox, tableHeight } = useDynamicTableHeight();

  const defaultProps = {
    children: 'peopleData',
    value: 'id'
  }
  // 传给父组件点击事件
  const