欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

echarts 报错 TypeError: Cannot read property ‘getAttribute‘ of null

程序员文章站 2022-06-07 13:18:16
...

这是一篇很水但是很能解决你问题的博客。

[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute’ of null”

使用echarts的时候遇到了上述的问题,不用硬核机翻,警告的意思就是getAttribute使用的获取不到对象。
一般分为以下几种情况:
1.echarts.init(document.getElementById(“xxxx”)的时候写错格式了,比如在id面前加了个#,我愿成为jquery惯性病(本人就是)。
2.在元素未加载出来的时候就进行初始化操作(在初始化的代码上面叠一个debugger可轻松判断)。这里专门说一下vue里。
如果出现报错可以把代码放在mounted里面。
例如:

mounted() {    
	this.initEcharts();   
}

顺便提一下mounted和created的区别
created:在模板渲染成html前调用,应用于初始化某些属性值,再渲染成视图的需求。
mounted:在模板渲染成html后调用,初始化页面完成后,再对html的dom节点进行一些操作。

以上~
据说每有一个赞,就会有一个BUG自行了断~