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

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

[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自行了断~