vue使用@scrollend无效

在 Vue 中使用 `@scrollend` 可能会无效是因为 `@scrollend` 不是 Vue 的内置事件。如果你想要在 Vue 中监听滚动事件并且触发相应的方法，可以尝试使用 `@scroll.native` 事件。

例如，如果你想要监听一个包含滚动条的元素的滚动事件，并且在滚动到底部时触发一个方法，可以这样写：

<template>
  <div ref="scrollContainer" style="height: 200px; overflow-y: scroll;" @scroll.native="handleScroll">
    <!-- 滚动内容 -->
  </div>
</template>

export default {
  methods: {
    handleScroll() {
      const container = this.$refs.scrollContainer
      if (container.scrollHeight - container.scrollTop === container.clientHeight) {
        // 判断滚动到底部
        // 执行相应的逻辑
      }
    }
  }
}

在上面的代码中，我们使用了 `@scroll.native` 监听滚动事件，同时在滚动到底部时触发了 `handleScroll` 方法。注意，我们在方法中使用了 `this.$refs` 来获取包含滚动条的元素，以便判断是否滚动到底部。