Vue, Element,Router页面路由跳转卡顿
当切换页面时,路由已经变化,但是页面会卡顿较长时间,才会切换到目标页面。经过分析,发现这个问题不是Vue的问题,也不是代码BUG造成的。总结两种情况:一、页面有Component渲染太多,比如一些Se
当切换页面时,路由已经变化,但是页面会卡顿较长时间,才会切换到目标页面。
经过分析,发现这个问题不是Vue的问题,也不是代码BUG造成的。
总结两种情况:
一、页面有Component渲染太多,比如一些Select, List 等。当切换页面时,Vue会先销毁当前组件,所以造成了页面性能问题。可以调试beforedestory, destoryed 两个生命周期函数进行验证。
解决方案是使用无限列表替代Select,List的下拉列表,或者限制List加载条数,进行分页。、
二、检查使用的UI框架【element等】有没有引入国际化插件【i18n】,优化国际化插件就会解决跳转问题。