el-table表单一键展开折叠，展开部分后一键全部展开或折叠

在Element UI的el-table组件中，可以通过row-key属性来为每行数据设置唯一标识，并使用:expand-row-keys属性来控制哪些行是展开的。你可以通过点击一个按钮来更新:expand-row-keys绑定的数组，从而实现一键折叠或者一键展开表格的功能。

以下是一个简单的例子，展示了如何实现一键折叠和一键展开的功能：

<template>
  <div>
    <el-button @click="toggleExpansion">一键{{ allExpanded ? '折叠' : '展开' }}</el-button>
    <el-table
      :data="tableData"
      style="width: 100%"
      row-key="id"
      :expand-row-keys="expandRowKeys"
      :tree-props="{ children: 'children' }">
      <!-- 你的表格内容 -->
    </el-table>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        // 你的表格数据，每个数据对象需要有一个唯一的 'id' 属性
      ],
      expandRowKeys: []
    };
  },
  computed: {
    allExpanded() {
      return this.tableData.length === this.expandRowKeys.length;
    }
  },
  methods: {
    toggleExpansion() {
      if (this.allExpanded) {
        this.expandRowKeys = [];
      } else {
        this.expandRowKeys = this.tableData.map(data => data.id);
      }
    }
  }
};
</script>

在这个例子中，我们定义了一个toggleExpansion方法，通过判断当前是否所有行都处于展开状态，来决定是折叠所有行还是展开所有行。allExpanded计算属性用于判断是否所有行都已经处于展开状态。el-table组件的:expand-row-keys绑定到了expandRowKeys数组，这个数组包含了所有要展开的行的id。当点击按钮时，toggleExpansion方法被调用，实现一键折叠或者一键展开的功能。