ElementPlus 树形表格一键展开行

做的项目中遇到了一个需求是利用饿了么树形表格实现一键展开/收起列表行功能

在ElementPlus文档element-plus.org/zh-CN/compo… 中存在一个属性

default-expand-all：是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效

<el-button type="info" plain icon="Sort" @click="toggleExpandAll">展开/折叠</el-button>
<el-table v-if="isShow" :default-expand-all="isExpandAll">

<script setup> 
import { ref, nextTick } from 'vue'
const isShow = ref(true) 
const isExpandAll = ref(false) 

// 是否一键展开
const toggleExpandAll = async () => {
  // console.log('[ 是否一键展开 ] >',)
  isShow.value = false;
  isExpandAll.value = !isExpandAll.value;
  await nextTick()
  isShow.value = true;
}
</script>

特别说明：每一篇文章，都是针对自己做过的项目而记下的笔记；笔记的内容也是参考网上的资料，我就是个搬运工，整合成了自己的笔记。如需要参考的，请根据自己实际项目需求参考。