vue做的項目每次打開新頁面不會顯示頁面頂部的解決辦法

在main.js 中添加代碼：

router.afterEach((to,from, next) => {

  window.scrollTo(0,0)

})

 

然后就會發現每次打開頁面都是顯示的是頁面頂部內容，再也不會顯示頁面底部或者其他位置影響用戶體驗。