ElementUI Table组件树表结构默认展开一级目录

最新推荐文章于 2024-08-29 19:30:00 发布

欣琪

最新推荐文章于 2024-08-29 19:30:00 发布

阅读量2.5k

点赞数 6

分类专栏： vue 文章标签： vue 前端

本文链接：https://blog.csdn.net/qq_41038929/article/details/118221564

版权

本文展示了如何在ElementUI的Table组件中，通过使用$nextTick和DOM操作，实现树表结构的一级目录默认展开。

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

贴个效果图，理解的更直观一些
在这里插入图片描述

<!-- 列表区域 -->
<el-table v-if="refreshTable" :data="parentsData" border style="width: 100%" :row-key="getRowKey" :default-expand-all="isExpandAll" :tree-props="{children: 'parentDetailWithRelationshipVOS', hasChildren: 'hasChildren',}" @selection-change="handleSelectionChange" :cell-style="cellStyle">
    <el-table-column type="selection" width="55" align="center">
    </el-table-column>
    <el-table-column label="序号" type="index" width="50" align=