问题: 使用echarts绘制图表时,本地运行,切换图表没有问题,但是打包之后部署到线上,首次加载没有问题,再次加载就不显示了。
解决
在不展示图表的时候销毁调echarts的实例,例:
<script setup>
import * as echarts from "echarts";
let myChart = null
onMounted(() => {
myChart = echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({
// ...
})
})
onBeforeUnmount(() => {
if (!myChart) {
return
}
myChart.dispose()
myChart = null
})
</script>