1.錯(cuò)誤信息如圖
image.png
2.解決方法
// 方法1
function initEcharts () {
// 新建一個(gè)promise對(duì)象
let newPromise = new Promise((resolve) => {
resolve()
})
//然后異步執(zhí)行echarts的初始化函數(shù)
newPromise.then(() => {
// 此dom為echarts圖標(biāo)展示dom
echarts.init(DOm)
})
}
// 方法2
//這里不要用created（用mounted），created這時(shí)候還只是創(chuàng)建了實(shí)例省有，但模板還沒掛載完成
mounted() {
this.initData()
}
// 方法3
//用this.$nextTick(()=>{}) (這個(gè)回調(diào)函數(shù)會(huì)在數(shù)據(jù)掛載更新完之后執(zhí)行剖淀，所以可行
this.$nextTick(() => {
charts = this.$echarts.init(this.$refs.echart)
charts.clear()
charts.resize()
charts.setOption(option)
this.loading = false
})
