el-table收起展开

要将 el-table 收起展开，你可以使用 el-table 的 expand-row-keys 属性和 toggleRowExpansion 方法来实现。

首先，在 el-table 组件上设置 expand-row-keys 属性，它接受一个数组，用于指定需要展开的行的 key 值。例如：

<el-table :data="tableData" :expand-row-keys="expandKeys">
  <!-- 表格列定义 -->
</el-table>

其中，tableData 是你的表格数据数组，expandKeys 是一个存储需要展开的行 key 值的数组。

接下来，在你的方法中，可以使用 toggleRowExpansion 方法来切换行的展开状态。例如：

methods: {
  toggleExpand(row) {
    this.$refs.table.toggleRowExpansion(row);
  }
}

在这个例子中，toggleExpand 方法接受一个行对象作为参数，然后使用 this.$refs.table.toggleRowExpansion(row) 来切换该行的展开状态。

最后，你需要在表格中添加一个列用于显示展开/收起按钮，并调用 toggleExpand 方法来触发切换展开状态。例如：

<el-table-column type="expand">
  <template slot-scope="props">
    <el-button @click="toggleExpand(props.row)">
      {{ props.expanded ? '收起' : '展开' }}
    </el-button>
  </template>
</el-table-column>

在这个例子中，我们使用 el-table-column 的 type 属性设置为 "expand"，表示这是一个用于展开/收起的列。然后，在模板中使用 slot-scope 来访问 props 对象，其中包含了当前行的信息，包括展开状态。通过判断 props.expanded 的值，可以显示不同的按钮文本。

这样，当用户点击展开/收起按钮时，会调用 toggleExpand 方法来切换相应行的展开状态。你可以根据自己的需求修改相关逻辑和样式。