在官網(wǎng)的vue-router中提供了scrollBehavior 的方法
scrollBehavior 方法接收 to 和 from 路由對象。第三個參數(shù) savedPosition 當(dāng)且僅當(dāng) popstate 導(dǎo)航 (通過瀏覽器的 前進/后退 按鈕觸發(fā)) 時才可用。

https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html
這是官網(wǎng)提供的文檔，有興趣的可以點進去看下

具體的實現(xiàn)方法如下

const router = new VueRouter({
  mode: 'history',
  routes: routes,
  scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: 0 }
    }
  }
})

這里的判斷主要是判斷頁面是否發(fā)生了滾動如果滾動了就 回到頂部