There is a chart instance already initialized on the dom 的警告问题

原文链接：解决 Vue 中使用 Echarts 出现 There is a chart instance already initialized on the dom 的警告问题

问题描述

使用echarts的时候，多次加载会出现There is a chart instance already initialized on the dom.这个黄色警告，大概意思就是dom上已经初始化了一个图表实例。此警告信息不影响echarts正常加载，但是有bug不解决的话，心里痒的慌！

先说明一下，echarts是用在了子组件的弹窗里，然后在父组件打开弹窗时调用echarts.init()的初始化方法。第一次渲染正常，之后再打开弹窗控制台就会报There is a chart instance already initialized on the dom.

父组件中的代码：

const taskDetailDom = ref()
const open = ()=> {
    if (taskDetailDom.value) {
        taskDetailDom.value.initEchart()
    }
}

如何造成的？ 这里只区别了子组件的写法。

错误写法：