el-table实现二级懒加载 vue2

el-table是Element UI库中的一个表格组件，用于展示数据。要实现el-table的二级懒加载，可以通过以下步骤：

1. 首先，在el-table中设置一个列（column）为可展开的列，通过设置`type`属性为`expand`，并且设置`expandable`属性为`true`。例如：

<el-table :data="tableData" style="width: 100%">
  <el-table-column type="expand" :expandable="true">
    <!-- 这里放置展开内容的模板 -->
  </el-table-column>
  <!-- 其他列的定义 -->
</el-table>

2. 接下来，在展开内容的模板中，可以使用`template`标签或者自定义组件来定义展开的内容。在展开内容中，可以使用异步请求获取二级数据，并将其绑定到展开内容的模板中。例如：

<template slot-scope="props">
  <div>
    <!-- 这里放置展开内容的具体内容 -->
    <el-table :data="props.row.subData" style="width: 100%">
      <!-- 定义二级表格的列 -->
    </el-table>
  </div>
</template>
``

3. 在获取二级数据的时候，可以使用Vue的异步请求库（如axios）发送请求，并将获取到的数据绑定到展开内容的模板中。例如：

// 在展开内容的模板中，通过异步请求获取二级数据
methods: {
async fetchData(row) {
// 发送异步请求获取二级数据
const response = await axios.get('your_api_url');
// 将获取到的数据绑定到展开内容的模板中
row.subData = response.data;
}
}

这样，当用户点击展开按钮时，会触发`fetchData`方法，异步请求获取二级数据，并将其绑定到展开内容的模板中，实现二级懒加载。