vue写滚动scroll

在Vue.js中，处理滚动事件通常会使用`v-on`指令结合`scroll`或`@scroll`修饰符来监听滚动事件。以下是一个基本的例子：

<template>
  <div class="scroll-container" @scroll="handleScroll">
    <!-- 这里是需要滚动的内容 -->
  </div>
</template>

<script>
export default {
  methods: {
    handleScroll(e) {
      // e.preventDefault() 可选，阻止默认滚动行为
      const scrollTop = e.target.scrollTop; // 获取滚动位置
      console.log('当前滚动位置:', scrollTop);
      // 在这里可以添加滚动相关的业务逻辑
    }
  }
}
</script>

在这个例子中，当`.scroll-container`元素发生滚动时，`handleScroll`方法会被触发，并提供当前的滚动距离给`scrollTop`变量。