vue 通过$router.push 跳转页面时出现跳转缓慢

问题描述

我在做项目的时候,发现有一个路由在跳转的时候总要等待4秒左右才能跳转到目标页面,网上查了好多解决方法都没有效果,百思不得其解。
在这里插入图片描述

最后解决方法

通过不断尝试 发现确实是在本页面呆了好久再转跳到目标页面,网上有一篇帖子说是本页因为数据量大,在销毁阶段处理的时间过长引起卡顿,在我这里没有这个问题,原因一 我的数据量比较小 数据一个小组件 2.这个页面时一个keep-alive 页面根本不会用 销毁的方法。在困惑的之余,想了一下是不是参数引起的。于是把路径传参干掉。发现秒跳到目标页。这就很奇怪了,为什么router处理参数速度这么慢。这个不知所云。既然query 传参影响速度,那就改成params 传参 我一直不喜欢用params 传参是因为 这种传参页面不能刷新,一次性的。结果params 传参也是秒跳。这个证明只有query 参数影响了跳转速度。 router 在拼接参数的时候反应比较慢。至于为什么会出现这种情况,希望有大神说明原理,这里贴出来,为出现同类问题的人提供一种解决方法。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐