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

2018-12-11  本文已影响0人  喜宝小窝儿

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

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

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

                        window.scrollTo(0,0);

                  });

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

                   router.afterEach(() => {

                        window.scrollTo(0,0);

                  });

上一篇下一篇

猜你喜欢

热点阅读