element ui table 无限滚动

要实现 Element UI 表格的无限滚动功能，可以使用 Element UI 提供的 `load` 事件和 `append` 方法来动态加载数据。具体步骤如下：

1. 首先，在表格组件上添加 `@load` 事件监听器，并绑定一个处理函数，如下所示：

<el-table @load="handleLoad">
  <!-- 表格列配置 -->
</el-table>

2. 在处理函数 `handleLoad` 中，通过调用 `load` 方法来加载更多数据，然后使用 `append` 方法将新数据追加到表格中，如下所示：

methods: {
  handleLoad() {
    // 模拟异步加载数据，可以根据实际情况发送请求获取数据
    setTimeout(() => {
      // 加载新数据
      const newData = this.getMoreData();

      // 将新数据追加到表格末尾
      this.$refs.table.append(newData);

      // 标记数据加载完成
      this.$refs.table.loading = false;
    }, 1000);
  },

  getMoreData() {
    // 返回新数据，可以根据实际情况从服务器获取数据
    // ...
  }
}

在上述代码中，`handleLoad` 方法模拟了异步加载数据的过程，使用 `setTimeout` 函数模拟延迟加载。在实际应用中，需要根据实际情况发送请求获取更多数据，并将新数据追加到表格中。`getMoreData` 方法可以根据实际情况从服务器获取数据。