vue3-seamless-scroll 监听数据滚动完成

vue3-seamless-scroll 提供了一个名为 `@scrollEnd` 的事件，可以监听数据滚动完成。当滚动到最后一个元素时，该事件将被触发。你可以在组件中使用 `@scrollEnd` 监听该事件，然后在事件处理程序中执行你想要的操作。例如，你可以在滚动到最后一个元素时加载更多数据。

以下是一个示例代码：

<template>
  <vue3-seamless-scroll @scrollEnd="loadMoreData">
    <!-- 数据列表 -->
  </vue3-seamless-scroll>
</template>

<script>
import { defineComponent } from "vue";
import vue3SeamlessScroll from "vue3-seamless-scroll";

export default defineComponent({
  components: {
    vue3SeamlessScroll,
  },
  methods: {
    loadMoreData() {
      // 加载更多数据的逻辑
    },
  },
});
</script>

在上面的代码中，`@scrollEnd` 事件绑定了 `loadMoreData` 方法。当滚动到最后一个元素时，`loadMoreData` 方法将被调用，你可以在该方法中编写加载更多数据的逻辑。