Vue 3的@scroll事件来监听滚动事件 取不到值

在Vue 3中，使用 `@scroll` 绑定滚动事件时，可以使用 `ref` 来获取滚动元素的引用，然后通过引用来获取滚动值。

例如，如果你有一个滚动容器：

<template>
  <div ref="scrollContainer" @scroll="handleScroll">
    <!-- 滚动内容 -->
  </div>
</template>

你可以在 `handleScroll` 方法中获取滚动值：

<script>
import { ref } from 'vue';

export default {
  setup() {
    const scrollContainer = ref(null);
    const handleScroll = () => {
      const scrollTop = scrollContainer.value.scrollTop;
      console.log(scrollTop);
    };

    return {
      scrollContainer,
      handleScroll,
    };
  },
};
</script>

注意，`ref` 返回的是一个对象，因此需要使用 `.value` 来获取实际的 DOM 元素。另外，`scrollTop` 是元素的属性，而不是事件对象的属性。