不同于其他问题
属于个人的小笔记,如果能帮助到大家那更好。
就是今天在渲染echarts环形图的时候,总是报一个找不到对象的问题。
在网上找了好多资料,什么在mounted里执行渲染echarts的方法,在回调函数this.$nextTick()里渲染方法,延时。。。都不好用。
我的解决方法
后来在调用接口成功以后再执行渲染echarts的方法就好了。个人理解是,数据还没渲染完成我就取需要的数据,使得数据还没渲染成功,自然echarts也出不来。但是再调用接口获得数据后再调用方法是一定可以拿到数据的。
还有,而且我的drawchart方法虽然写在mounted里,但是却写在调用接口函数的前面。
错误写法
mounted() {
// 画图的方法
this.drawchart()
// 调用接口的方法
this.getData()
}
正确写法
mothods: {
getData(){
let url = '接口地址'
this.$http.get(url).then((res)=> {
if(res.body.status == 0) {
// 需要的数组进行赋值
this.datalist = res.body.data
// 调用画图方法
this.drawchart()
}
})
},
drawchart(){
// 画图的代码
}
},
mounted() {
// 调用接口的方法
this.getData()
}
希望对你们能有帮助。