vue 通过$router.push 跳转页面时出现跳转缓慢
vue 通过$router.push 跳转页面时出现跳转缓慢问题描述最后解决方法问题描述我在做项目的时候,发现有一个路由在跳转的时候总要等待4秒左右才能跳转到目标页面,网上查了好多解决方法都没有效果,百思不得其解。最后解决方法通过不断尝试 发现确实是在本页面呆了好久再转跳到目标页面,网上有一篇帖子说是本页因为数据量大,在销毁阶段处理的时间过长引起卡顿,在我这里没有这个问题,原因一 我的数据量比较小
·
问题描述
我在做项目的时候,发现有一个路由在跳转的时候总要等待4秒左右才能跳转到目标页面,网上查了好多解决方法都没有效果,百思不得其解。
最后解决方法
通过不断尝试 发现确实是在本页面呆了好久再转跳到目标页面,网上有一篇帖子说是本页因为数据量大,在销毁阶段处理的时间过长引起卡顿,在我这里没有这个问题,原因一 我的数据量比较小 数据一个小组件 2.这个页面时一个keep-alive 页面根本不会用 销毁的方法。在困惑的之余,想了一下是不是参数引起的。于是把路径传参干掉。发现秒跳到目标页。这就很奇怪了,为什么router处理参数速度这么慢。这个不知所云。既然query 传参影响速度,那就改成params 传参 我一直不喜欢用params 传参是因为 这种传参页面不能刷新,一次性的。结果params 传参也是秒跳。这个证明只有query 参数影响了跳转速度。 router 在拼接参数的时候反应比较慢。至于为什么会出现这种情况,希望有大神说明原理,这里贴出来,为出现同类问题的人提供一种解决方法。
更多推荐
已为社区贡献1条内容
所有评论(0)