当前位置: 首页 > Web前端 > vue.js

Error-Initializefailed-invaliddomloading使用Echarts时出现的问题

时间:2023-04-01 00:36:06 vue.js

1.报错信息截图如下:2.解决方法//方法一functioninitEcharts(){//新建一个promise对象letnewPromise=newPromise((resolve)=>{resolve()})//然后执行echarts异步初始化函数newPromise.then(()=>{//这个dom是echarts图标显示domecharts.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})