1. 程式人生 > >解決Vue 使用vue-router切換頁面時 頁面顯示沒有在頂部的問題

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

col https 解決辦法 項目 spa .net style main sdn

有時候我們需要頁面滾動條滾動到某一固定的位置,一般使用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

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