vue 让页面回到顶部

在 Vue.js 中，可以通过以下方式让页面回到顶部：

1. 使用原生 JavaScript 的方法：可以通过 `window.scrollTo` 方法将页面滚动到顶部。具体实现代码如下：

   window.scrollTo(0, 0);

2. 使用 Vue.js 提供的方法：可以通过 `$refs` 引用组件中的 DOM 元素，并使用 `scrollTop` 属性将其设置为 0。具体实现代码如下：

   <template>
     <div>
       <!-- 在组件中添加 ref 属性，用于引用 DOM 元素 -->
       <div class="content" ref="content">
         <!-- 省略其他内容 -->
       </div>
       <button @click="scrollToTop">回到顶部</button>
     </div>
   </template>

   <script>
   export default {
     methods: {
       scrollToTop() {
         // 通过 $refs 引用组件中的 DOM 元素
         this.$refs.content.scrollTop = 0;
       }
     }
   };
   </script>

在上述代码中，我们为组件中的 DOM 元素添加了 `ref="content"` 属性，然后在 `scrollToTop` 方法中，通过 `$refs.content` 引用该元素，并将其 `scrollTop` 属性设置为 0，以实现页面回到顶部的效果。