eltable 展开折叠获取数据

为了实现el-table的展开折叠获取数据，可以通过以下步骤实现：

1.在el-table中添加expand属性，用于控制展开和折叠状态。

2.在el-table-column中添加type属性，用于指定列的类型，例如selection、index、expand等。

3.在el-table-column中添加slot-scope属性，用于指定列的作用域，例如header、default等。

4.在template中添加el-table-column的作用域插槽，用于自定义展开行的内容。

5.在methods中添加handleExpand方法，用于处理展开行的数据请求。

下面是一个示例代码：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column type="expand">
      <template slot-scope="props">
        <el-table :data="props.row.subData">
          <el-table-column prop="name" label="Name"></el-table-column>
          <el-table-column prop="age" label="Age"></el-table-column>
        </el-table>
      </template>
    </el-table-column>
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: 'John',
          age: 18,
          subData: []
        },
        {
          name: 'Mike',
          age: 22,
          subData: []
        }
      ]
    }
  },
  methods: {
    handleExpand(row, expandedRows) {
      if (expandedRows.length > 1) {
        expandedRows.shift();
      }
      if (row.subData.length === 0) {
        // 发送请求获取子数据
        // getSubData(row.id).then(res => {
        //   row.subData = res.data;
        // });
      }
    }
  }
}
</script>