解決Vue 使用vue-router切換頁面時 頁面顯示沒有在頂部的問題

 

有時候我們需要頁面滾動條滾動到某一固定的位置，一般使用Window scrollTo() 方法。

語法就是：scrollTo(xpos,ypos)

xpos：必需。要在窗口文檔顯示區左上角顯示的文檔的 x 坐標。

ypos：必需。要在窗口文檔顯示區左上角顯示的文檔的 y 坐標。

例如滾動內容的坐標位置100,500：

window.scrollTo(100,500);

解決辦法：

在 Vue項目的main.js文件中加入以下代碼即可解決：

router.afterEach((to,from,next) => {
  window.scrollTo(0,0);
})

 

以上就是針對頁面顯示沒有在頂部的問題的解決辦法，希望對大家有所幫助。 

參考： https://blog.csdn.net/wandoumm/article/details/80199191