首页 前端知识 Vue3使用echarts图形,本地页面切换以及table标签切换正常显示,线上部署页面切换后图形不展示或者展示异常

Vue3使用echarts图形,本地页面切换以及table标签切换正常显示,线上部署页面切换后图形不展示或者展示异常

2024-06-04 10:06:54 前端知识 前端哥 502 300 我要收藏

           第一次使用echarts里面的图形,在本地一点问题都没有,页面和table切换,图形也正常;部署后,首次进入页面图形也正常显示,但是切换页面以及table标签页切换之后,图形不展示,开始百度方法。

         网上有说是因为echarts的机制问题,再次进入页面创建新的canvas需要清空之前得echarts图,如果没有清除就会显示失败,所以需要在页面卸载时释放echarts

vue3的销毁生命周期钩子为onBeforeUnmount,所以在该钩子函数里将echarts资源进行释放,再次打包部署后,切换标签页或者路由跳转切换页面,图表正常显示。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10775.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!