el-table折叠

您可以使用 el-table 的 expand-row-keys 属性来实现表格的折叠功能。具体实现方式是在数据源中添加一个 isExpanded 属性，然后在 expand-row-keys 中绑定该属性的值。当该属性为 true 时，该行数据就会展开显示。

例如，如果您的数据源是一个数组，可以这样定义：

data() {
  return {
    tableData: [
      { name: '张三', age: 18, isExpanded: false },
      { name: '李四', age: 20, isExpanded: false },
      { name: '王五', age: 22, isExpanded: false }
    ],
    expandRowKeys: []
  }
}

然后在 el-table 中绑定 expand-row-keys 属性：

<el-table :data="tableData" :expand-row-keys="expandRowKeys">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

最后，在表格的行展开和收起时，需要更新 expandRowKeys 数组的值：

methods: {
  handleExpand(row, expanded) {
    if (expanded) {
      this.expandRowKeys.push(row);
    } else {
      const index = this.expandRowKeys.indexOf(row);
      this.expandRowKeys.splice(index, 1);
    }
  }
}