Vue3 切换tabs页 销毁了echarts 还是出现There is a chart instance already initialized on the dom.

问题原因：在Vue3切换tabs页时，由于没有及时销毁echarts实例，导致出现"There is a chart instance already initialized on the dom"的错误提示。

解决思路：可以在Vue3的生命周期函数中使用echarts.dispose()方法销毁echarts实例，以避免出现重复初始化的问题。具体实现方法如下：

1.在Vue3组件的data中定义一个echarts实例变量，例如：

data() {
  return {
    chartInstance: null
  }
}

2.在Vue3组件的mounted生命周期函数中初始化echarts实例，并将其赋值给之前定义的echarts实例变量，例如：

mounted() {
  const chartDom = document.getElementById('chart')
  this.chartInstance = echarts.init(chartDom)
  // 其他初始化配置
}

3.在Vue3组件的beforeUnmount生命周期函数中使用echarts.dispose()方法销毁echarts实例，例如：

beforeUnmount() {
  this.chartInstance.dispose()
}

这样，在切换tabs页时，echarts实例会被及时销毁，避免出现重复初始化的问题。