1.錯誤信息如圖

image.png

2.解決方法

// 方法1
function initEcharts () {
    // 新建一個promise對象
    let newPromise = new Promise((resolve) => {
        resolve()
    })
    //然后異步執(zhí)行echarts的初始化函數
    newPromise.then(() => {
        //  此dom為echarts圖標展示dom
        echarts.init(DOm)
    })
}

// 方法2
//這里不要用created（用mounted），created這時候還只是創(chuàng)建了實例，但模板還沒掛載完成
mounted() {
   this.initData()
}

// 方法3
//用this.$nextTick(()=>{}) (這個回調函數會在數據掛載更新完之后執(zhí)行，所以可行
this.$nextTick(() => {
        charts = this.$echarts.init(this.$refs.echart)
        charts.clear()
        charts.resize()
        charts.setOption(option)
        this.loading = false
 })