第一次使用echarts里面的图形,在本地一点问题都没有,页面和table切换,图形也正常;部署后,首次进入页面图形也正常显示,但是切换页面以及table标签页切换之后,图形不展示,开始百度方法。
网上有说是因为echarts的机制问题,再次进入页面创建新的canvas需要清空之前得echarts图,如果没有清除就会显示失败,所以需要在页面卸载时释放echarts
vue3的销毁生命周期钩子为onBeforeUnmount,所以在该钩子函数里将echarts资源进行释放,再次打包部署后,切换标签页或者路由跳转切换页面,图表正常显示。