问题原因:vue是单页面应用。导致路由切换之后,之前的滚动距离会一直存在。
解决办法:在main.js中添加如下代码:
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
});
基于typescript的vue项目,代码如下:
router.afterEach(() => {
window.scrollTo(0,0);
});
问题原因:vue是单页面应用。导致路由切换之后,之前的滚动距离会一直存在。
解决办法:在main.js中添加如下代码:
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
});
基于typescript的vue项目,代码如下:
router.afterEach(() => {
window.scrollTo(0,0);
});
本文标题:移动端路由跳转时让滚动条回到顶部
本文链接:https://www.haomeiwen.com/subject/nifshqtx.html
网友评论