el-table中每行有el-select触底加载

在el-table中，如果每行都有el-select，并且需要实现触底加载的功能，可以按照以下步骤进行操作：

1. 首先，在el-table的每一行中添加一个el-select组件，并设置一个v-model来绑定选中的值。例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column label="Select">
    <template slot-scope="scope">
      <el-select v-model="scope.row.selectedValue" @change="handleSelectChange(scope.row)">
        <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
      </el-select>
    </template>
  </el-table-column>
</el-table>

2. 然后，监听el-table的滚动事件，并判断是否触底。当触底时，执行加载更多数据的操作。例如：

<el-table :data="tableData" @scroll="handleTableScroll">
  <!-- ... -->
</el-table>

methods: {
  handleTableScroll(event) {
    const target = event.target;
    if (target.scrollHeight - target.scrollTop === target.clientHeight) {
      // 触底加载更多数据的操作
      this.loadMoreData();
    }
  },
  loadMoreData() {
    // 加载更多数据的逻辑
    // ...
  }
}

3. 最后，根据需要，在loadMoreData方法中请求后端接口获取更多数据，并将新数据追加到tableData中。例如：

methods: {
  loadMoreData() {
    // 请求后端接口获取更多数据
    // ...
    // 将新数据追加到tableData中
    this.tableData = this.tableData.concat(newData);
  }
}

这样，当滚动到el-table底部时，就会触发加载更多数据的操作，实现el-select的触底加载功能。