vue項(xiàng)目里，使用前端路由，當(dāng)切換到新路由時(shí)，想要頁(yè)面滾到頂部，或者是保持原先的滾動(dòng)位置，就像重新加載頁(yè)面那樣。 vue-router 能做到，而且更好，它讓你可以自定義路由切換時(shí)頁(yè)面如何滾動(dòng)。
第一種方法：
可以參考vue官方寫(xiě)法：
https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-562748.html
第二種方法：
可以在路由的導(dǎo)航守衛(wèi)afterEach里面添加：window.scrollTo(0,0);
第三種方法： （本人用得方法）
const router = new VueRouter({
/mode: ‘history 或 hash’,/
mode: ‘history’,
scrollBehavior: () => ({ y: 0 }), //滾動(dòng)到頂端
routes: constRoutes
});文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-562748.html
到了這里，關(guān)于vue 切換路由頁(yè)面時(shí)，滾動(dòng)條滾動(dòng)到最上面的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
