报错Cannot read property ‘getAttribute‘ of undefined解决办法

报错Cannot read property 'getAttribute' of undefined的解决办法

不同于其他问题

属于个人的小笔记,如果能帮助到大家那更好。
就是今天在渲染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()
}

希望对你们能有帮助。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值