H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

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

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

回答:

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

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

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

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

回答:

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

回答:

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

回答:

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

回答:

楼主,请问解决掉了吗?

回答:

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

回答:

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

回答:

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

和 keep-alive 没啥关系吧

回答:

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

本文地址:H5W3 » vue router切换页面的时候,卡顿:当前页面停留了一下,才切换到新页面

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址