后台管理系统路由切换页面渲染慢

问题描述:当前系统使用的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
}

 

posted @ 2023-02-20 15:30  李卫泽  阅读(184)  评论(0)    收藏  举报