vue echart 在子路由中渲染不出

项目中用在vue 中用echart 但是出现了问题 就是在快速的切换子路由时,echart渲染不出来,我去看了看检查里,确实没有渲染出来,慢点点没问题 ,如果把这几个组件不做子路由也没问题,搜索了也没有相关的问题,求大神帮忙解答一下,也没有报任何错误
图1这是路由的配置
图片描述

图2 是正常加载的echart
图片描述

图三 是没加载出来 DIV下面没有东西
图片描述

阅读 3.9k
3 个回答

找到问题了 ,因为echart每次在路由跳转的时候都要重新渲染 点击过快容易出现渲染失败的问题 ,
用在看demo的时候看到在vue-router写着keep-alive,keep-alive的含义:
如果把切换出去的组件保留在内存中,可以保留它的状态或避免重新渲染。为此可以添加一个keep-alive指令,从而不会出现渲染不出的情况

你可以把echart在index.html引入,这样就是全局了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题