关于前端:Echarts使用时Error-Initialize-failed-invalid-dom加载出现的问题

1、报错信息截图如下：

2、解决办法

// 办法1
function initEcharts () {
    // 新建一个promise对象
    let newPromise = new Promise((resolve) => {
        resolve()
    })
    //而后异步执行echarts的初始化函数
    newPromise.then(() => {
        //  此dom为echarts图标展现dom
        echarts.init(DOm)
    })
}

// 办法2
//这里不要用created（用mounted），created这时候还只是创立了实例，但模板还没挂载实现
mounted() {
   this.initData()
}

// 办法3
//用this.$nextTick(()=>{}) (这个回调函数会在数据挂载更新完之后执行，所以可行
this.$nextTick(() => {
        charts = this.$echarts.init(this.$refs.echart)
        charts.clear()
        charts.resize()
        charts.setOption(option)
        this.loading = false
 })