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

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

Logo

前往低代码交流专区

更多推荐