vue3只有第一次滚动时加载动画

您好，关于您的问题，我理解的是您想要实现在Vue3中滚动加载动画只在第一次滚动时出现，后续滚动不再出现。如果我的理解有误，请您指正。

针对您的问题，您可以通过在第一次滚动时绑定一个事件，在事件中添加加载动画，并且在事件中将该事件取消绑定，这样后续滚动时就不会再触发该事件了。

具体实现方式如下所示：

1. 在需要绑定滚动事件的元素上添加ref属性。

2. 在组件中使用mounted钩子函数获取该元素的实例对象，并绑定scroll事件。

3. 在scroll事件中添加加载动画，并在事件中将scroll事件取消绑定。

示例代码如下：

<template>
  <div ref="scrollContainer" style="height: 500px; overflow-y: scroll;">
    <!-- 滚动内容 -->
  </div>
</template>

<script>
export default {
  mounted() {
    const scrollContainer = this.$refs.scrollContainer;
    scrollContainer.addEventListener('scroll', this.handleScroll);
  },
  methods: {
    handleScroll() {
      // 添加加载动画
      // ...

      // 取消绑定scroll事件
      const scrollContainer = this.$refs.scrollContainer;
      scrollContainer.removeEventListener('scroll', this.handleScroll);
    }
  }
}
</script>

希望这个解答能够帮到您，如果您有任何疑问，请随时追问。