vue3滚动条回到最顶

在Vue 3中，你可以通过使用`ref`和`scrollTop`属性来实现滚动条回到最顶部。

首先，在你的Vue组件中引入`ref`：

import { ref } from 'vue';

然后，在组件的`setup`方法中创建一个`ref`：

setup() {
  const scrollRef = ref(null);
  
  // 其他组件逻辑...
  
  return {
    scrollRef
  };
}

接下来，在你想要触发滚动条回到顶部的事件或方法中，使用`scrollRef.value.scrollTop`将`scrollTop`设置为0：

// 滚动条回到最顶部的方法
function scrollToTop() {
  scrollRef.value.scrollTop = 0;
}

最后，在模板中使用`ref`绑定到相应的元素上，以便能够访问`scrollTop`属性：

<template>
  <div ref="scrollRef" class="scrollable-container">
    <!-- 内容 -->
  </div>
</template>

现在，当你调用`scrollToTop()`方法时，滚动条将滚动回到顶部。

请注意，你需要在组件的合适位置调用`scrollToTop()`方法，具体取决于你的使用场景。