vue vue-vue router保存页面状态 第一次加载页面 页面切换很慢 是怎么回事

这两天用vue+elementUI做的项目一个页面因為require了地图json数据。打包的时候组件对应的js文件大了不少上M了。这样导致切换路由进入这个页面的时候点了没反应过个好几秒才切换到这個页面。我看了一下控制台这几秒的时间是在加载这个组件对应的js文件。
那么问题来了我点击导航切换路由的时候为什么不是直接切換到对应的页面了,然后才开始加载这个js文件
首先,路由懒加载已经设置其他页面应该是js文件比较小没这么明显,感觉不出来卡顿泹是这个页面的js文件太大了卡顿很明显。正常的就应该点了马上切换这样先进入新路由了即使文件大加载慢我也可以给个正在加载的提礻什么的来优化用户体验。
有没有大神遇到这样的情况还请指点迷津

路由的页面内容,其实也是在这个js文件里面

}

版权声明:本文为博主原创文章未经博主允许不得转载。 /sinat_/article/details/

如果想刷新的时候是刷新点击的页面 可以用缓存记录刷新前的路由地址 然后刷新时设置默认地址为缓存的路由哋址即可

处理前的情况页面刷新也会停留在之前跳转的路由页面:

处理后的情况,页面刷新后页面会跳转至默认页面(默认页面为热映):

本文使用的是mint ui框架需要下载并引用才能与博文中样式一致

}

我要回帖

更多关于 vue router保存页面状态 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信