el-table折叠行

要实现el-table的折叠行功能，你可以使用el-table组件提供的slot-scope来自定义表格的行内容。在每一行的行头或行尾添加一个按钮或其他交互元素，点击按钮时可以展开或折叠当前行的详细内容。

具体的步骤如下：
1. 首先，在el-table的<el-table-column>标签中添加一个自定义列，用于显示折叠行的按钮或其他交互元素。
2. 在<el-table-column>标签中使用slot-scope属性来定义这一列的内容。
3. 在slot-scope中使用v-if指令来控制折叠行的展开和折叠状态。
4. 在点击按钮或其他交互元素时，通过改变数据中的一个状态属性来控制折叠行的展开和折叠状态。

以下是一个实现el-table折叠行的示例代码:

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column>
      <template slot-scope="scope">
        <el-button @click="scope.row.isExpanded = !scope.row.isExpanded">
          {{ scope.row.isExpanded ? '折叠' : '展开' }}
        </el-button>
      </template>
    </el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20, address: '北京市', isExpanded: false },
        { name: '李四', age: 30, address: '上海市', isExpanded: false },
        { name: '王五', age: 40, address: '广州市', isExpanded: false },
        // 其他数据
      ]
    };
  }
};
</script>