方法一(生效)
setOption前加一句话
document.getElementById('pieChart').setAttribute('_echarts_instance_', '')
option && myChart.setOption(option)
方法二(亲测不生效)
原因:第一次组件渲染生成的echarts实列依然存在(未销毁)导致第二次组件渲染但是echarts无法成功渲染展示
解决办法:在组件每次渲染时都执行一次echants实列销毁操作
onBeforeMount(() => {
if (pieChart.value) {
pieChart.value.dispose()
}
if (lineChart.value) {
lineChart.value.dispose()
}
})
方法三(生效)
使用v-show
接口拿到数据后变为true