vue3点击按钮回到页面顶部

在Vue 3中，如果你想要在点击按钮后页面能够回到顶部，可以通过JavaScript来实现这个功能。下面是一个简单的示例：

首先，在你的Vue组件的模板中添加一个按钮，并为其绑定点击事件：

<template>
  <div>
    <button @click="scrollToTop">回到顶部</button>
    <!-- 页面的其他内容 -->
  </div>
</template>

然后，在Vue组件的`<script setup>`部分定义`scrollToTop`方法：

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

const scrollToTop = () => {
  window.scrollTo({
    top: 0,
    left: 0,
    behavior: 'smooth', // 可选的 'auto' 或 'smooth'，默认为 'auto'
  });
};
</script>

这里的`scrollToTop`方法使用了`window.scrollTo`函数来滚动到页面的顶部。`behavior: 'smooth'`属性使得滚动过程是平滑的，而不是直接跳转到顶部。