el-table全部展开与全部折叠功能，并监听收展动作

在Vue.js中使用Element UI库时，可以通过编写方法来实现el-table组件的全部展开和全部折叠功能，并监听其展开折叠动作。

以下是实现该功能的示例代码：

<template>
  <div>
    <el-button @click="toggleAllRows(true)">全部展开</el-button>
    <el-button @click="toggleAllRows(false)">全部折叠</el-button>
    <el-table
      :data="tableData"
      @expand-change="handleExpandChange"
      ref="tableRef">
      <el-table-column type="expand">
        <!-- 这里是扩展内容 -->
      </el-table-column>
      <!-- 其他列 -->
    </el-table>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        // 数据列表
      ],
    };
  },
  methods: {
    toggleAllRows(expanded) {
      this.tableData.forEach((row) => {
        this.$refs.tableRef.toggleRowExpansion(row, expanded);
      });
    },
    handleExpandChange(row, expanded) {
      console.log(`行 ${row.id} 展开状态变为：${expanded}`);
      // 这里可以添加其他逻辑，比如记录哪些行被展开
    }
  }
};
</script>

在这个示例中，我们定义了两个按钮，分别调用toggleAllRows方法并传递true或false来切换表格的全部展开或全部折叠状态。handleExpandChange方法用于监听行的展开折叠动作，并可以在其中添加自定义逻辑。

请注意，tableData应该是你的数据数组，而toggleRowExpansion方法是el-table组件的方法，用于切换单个行的展开折叠状态。