vue ant design vue 表格 滚动底部加载数据

你可以使用 Ant Design Vue 中的 Table 组件，它提供了一个 `scroll` 属性，可以实现滚动加载数据的功能。具体实现步骤如下：

1. 在 Table 组件上添加 `scroll` 属性，并设置 `y` 属性值为表格的高度，`x` 属性值为表格的宽度，`scrollToBottom` 属性值为一个函数，在滚动到底部时会触发该函数。

<template>
  <a-table :columns="columns" :data-source="dataSource" :scroll="{ y: 600, x: 1200, scrollToBottom: loadMore }"></a-table>
</template>

2. 在组件中定义 `dataSource` 数据源和 `loadMore` 函数。

<script>
export default {
  data() {
    return {
      dataSource: [], // 数据源
      page: 1 // 当前页码
    };
  },
  methods: {
    async loadMore() {
      const { data } = await axios.get(`/api/data?page=${this.page}`);
      this.dataSource = [...this.dataSource, ...data];
      this.page++;
    }
  }
};
</script>

3. 在 `loadMore` 函数中请求新的数据，并将数据添加到 `dataSource` 中。`page` 变量用于记录当前页码，每次滚动到底部时，`page` 自增 1，请求下一页数据。

以上就是实现滚动底部加载数据的基本步骤，你可以根据自己的需求对代码进行适当修改。