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

6次阅读

共计 466 个字符，预计需要花费 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
 })

正文完