elementui 滚动加载

ElementUI 提供了 `el-select` 和 `el-table` 组件的滚动加载功能，可以在大量数据时提高性能和用户体验。

对于 `el-select` 组件，可以使用 `remote-method` 属性实现滚动加载。在该属性中设置一个远程搜索函数，每次下拉框滚动到底部时都会触发该函数，从而实现动态加载数据。例如：

<el-select v-model="value" remote :remote-method="loadData"></el-select>

methods: {
  loadData(query) {
    // 根据 query 参数加载数据
    // ...
  }
}

对于 `el-table` 组件，可以使用 `load` 事件和 `load-method` 属性实现滚动加载。在该事件中调用远程加载数据的方法，并将数据添加到表格中。例如：

<el-table :data="tableData" :row-key="row => row.id" @load="loadData" :load-method="loadData"></el-table>

data() {
  return {
    tableData: [],
    currentPage: 1,
    pageSize: 10
  }
},
methods: {
  loadData() {
    // 根据 currentPage 和 pageSize 参数加载数据
    // ...
    this.tableData = [...this.tableData, ...newData];
    this.currentPage++;
  }
}

以上是基本的滚动加载实现方式，具体实现可以根据具体需求进行调整。