后台管理系统路由切换页面渲染慢
问题描述:当前系统使用的vue2+,以及使用的是点击页面后使用固定条固定左侧的菜单项,当点击顶部的固定条时如果某一页面需要加载的内容很多时,当切换路由后,页面会在当前页面停留几秒后才跳转。由于当前页面并不是由表格内容组成,所以无法使用 vue-virtual-scroller,而是由图表和卡片组成的。
参考网上的方法:
1. gzip 压缩(生产环境默认开启)
2. requestAnimationFrame(此方法之前没使用过,不太确定会不会有其他问题,所以未采用)
3. keep-alive(已经使用)
4. nextTick(未生效)
5. setTimeout(成功)
<chart :data=data /> <template v-if='isRender'> </template> data() { return { data: [], isRender: false } } mounted() { axios.get() this.isRender = true } activated() { setTimeout(() => { this.isRender = true }, 50) } deactivated() { this.isRender = false }

浙公网安备 33010602011771号