vue router切换页面的时候，卡顿：当前页面停留了一下，才切换到新页面

Question

vue router切换页面的时候，会有卡顿：
先在当前页面停留了一下（并且滚动到顶部），然后才切换到新页面

地址栏是立即变化的，回到顶部是路由的配置项，说明路由已经生效了，初步判断是目标页面的渲染比较慢，导致画面卡顿，有人知道怎么解决么

Answer 1

最外层采用100%布局，然后再加个滚动

overflow: scroll;
-webkit-overflow-scrolling: touch;

这样就不会在路由切换过程中滚到顶部了

可以参考vux的demo主页写法
https://github.com/airyland/v...

Answer 2

解决了吗？我也遇到这个问题了？

Answer 3

keep-alive缓存当前页面
https://www.zhihu.com/questio...

Answer 4

可以用keep-alive 要配合他的两个钩子函数activated来缓存数据 如果要重新获得数据 也要写这个函数里 替代created

Answer 5

楼主，请问解决掉了吗？

Answer 6

在router-view标签那里添加或者去掉mode试试

Answer 7

我也遇到了这个问题，然后在index.html的meta里，加了禁止缩放，就好了，不过里面的原理还不知道

Answer 8

我也遇到了这个问题，debug 了半天，发现是 router.beforeEach 钩子中请求了一个接口（获取 user info），卡顿就是这个接口的请求时间造成的，弄成请求一次就 ok 了

和 keep-alive 没啥关系吧

Answer 9

你应该使用了懒加载，点击才会加载页面，会有一定的延时，可以使用异步组件解决。https://cn.vuejs.org/v2/guide...