ElementUI el-table default-expand-all属性

最新推荐文章于 2025-05-29 15:44:01 发布

原创最新推荐文章于 2025-05-29 15:44:01 发布 · 1.3k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #javascript

文章讨论了在Vue中使用ElementUI的el-table时，如何实现default-expand-all属性的动态切换展开/折叠状态。作者发现，仅仅改变isExpandAll的值不足以改变状态，还需配合修改refreshTable的值并进行数据刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-table default-expand-all属性生效但无法动态改变

<el-table
v-if="refreshTable"
:data="xxx"
v-loading="loading"
:default-expand-all="isExpandAll"
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
row-key="id"
>
</el-table>

本来只改变 isExpandAll 的值无法改变展开/折叠状态，后面才知道还要改变一下refreshTable的值，可能是要刷新一下吧

    toggleExpandAll(){
      this.refreshTable = false;
      this.isExpandAll = !this.isExpandAll;
      this.$nextTick(() => {
        this.refreshTable = true;
      });
    },

关注博主即可阅读全文