调用echart图表,不显示 报错“getAttribute of null”

问题原因:文档还未加载完,图表就先加载了,找不到对应的容器,vue需要先把容器渲染出来才能挂载上echart图表。其实不止vue,react等都是这样的。

 

 

解决:

方法一:setTimeOut延时(不推荐)

方法二:用vue自带的方法this.$nextTick 保证在文档加载完成之后再加载echart图表

方法三:用v-if

posted @ 2020-08-21 10:55  水晴  阅读(308)  评论(0)    收藏  举报