vue中使用vue-router切換頁面時滾動條自動滾動到頂部的方法

網上查了一下,很多網友說可以試試在main.js入口文件配合vue-router寫下面這個:

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

??window.scrollTo(0,0);

});

或者:

//路由跳轉后,頁面回到頂部

router.afterEach(()=>{

document.body.scrollTop =0;

document.documentElement.scrollTop =0;

})

再另一種方法:

exportdefaultnewRouter({

mode:'hash',

// base: '/dist/',

scrollBehavior:()=>({y:0}),//路由跳轉后頁面回到頂部

? routes: []

})

可點擊參考原作者文章

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容