移动端路由跳转时让滚动条回到顶部

问题原因:vue是单页面应用。导致路由切换之后,之前的滚动距离会一直存在。

解决办法:在main.js中添加如下代码:

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

                        window.scrollTo(0,0);

                  });

基于typescript的vue项目,代码如下:

                   router.afterEach(() => {

                        window.scrollTo(0,0);

                  });

你可能感兴趣的:(移动端路由跳转时让滚动条回到顶部)