会没有

您现在的位置是:首页 > 前端 > 正文

前端

Vue, Element,Router页面路由跳转卡顿

dracarys2023-02-23前端397
当切换页面时,路由已经变化,但是页面会卡顿较长时间,才会切换到目标页面。经过分析,发现这个问题不是Vue的问题,也不是代码BUG造成的。总结两种情况:一、页面有Component渲染太多,比如一些Se

当切换页面时,路由已经变化,但是页面会卡顿较长时间,才会切换到目标页面。

经过分析,发现这个问题不是Vue的问题,也不是代码BUG造成的。
总结两种情况:

一、页面有Component渲染太多,比如一些Select, List 等。当切换页面时,Vue会先销毁当前组件,所以造成了页面性能问题。可以调试beforedestory, destoryed 两个生命周期函数进行验证。

解决方案是使用无限列表替代Select,List的下拉列表,或者限制List加载条数,进行分页。、

二、检查使用的UI框架【element等】有没有引入国际化插件【i18n】,优化国际化插件就会解决跳转问题。