vue3路由二次跳转后echarts不显示需要重新刷新才能显示

第一次进进入这个页面正常页面数据都显示

再次进入路由后 echarts不显示

并且报警告 There is a chart instance already initialized on the dom.(dom上已经初始化了一个图表实例。)

通过翻译我们看出问题所在 当你再次进入页面后 dom上面是已经初始化一个实例了 这说明我们页面没有销毁实例

解决办法就是 在页面销毁的时候也把图表实例给销毁掉 用dispose()方法

onUnmounted(() => {

    myChart.dispose()

    myChart1.dispose()

})

这样就不会在警告 和二次进入页面echarts不显示了.