vue 监听页面滚动事件

在 Vue 中监听页面滚动事件可以使用 `v-on` 或 `@` 绑定事件，具体方法如下：

1. 在 `mounted` 钩子函数中绑定事件

<template>
  <div class="container" v-on:scroll="handleScroll">
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  mounted() {
    // 绑定滚动事件
    this.$el.addEventListener('scroll', this.handleScroll);
  },
  methods: {
    handleScroll() {
      // 处理滚动事件
    },
  },
};
</script>

2. 在模板中使用 `@` 绑定事件

<template>
  <div class="container" @scroll="handleScroll">
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  methods: {
    handleScroll() {
      // 处理滚动事件
    },
  },
};
</script>

以上两种方法都可以监听页面滚动事件，根据实际情况选择合适的方式即可。