在vue中使用echarts报错"TypeError: Cannot read property 'getAttribute' of null

Posted 2023-03-17

参考技术A 之前在vue中用过echarts并没有出现这个问题，这次突然出现了这个问题，大致意思就是获取不到属性名，在网上搜了一下使用this.$nextTick，后来突然想明白了，初始化echarts的时候是在created钩子函数里面，那时候dom还没有生成，所以找不到id就会报错。其实很简单，只要在mounted钩子函数里面去初始化echarts就行了。
另外关于到底在哪个生命周期钩子函数里面发送异步请求，没有啥纠结的，如果不需要操作dom就在created，操作dom就在mounted里面。

使用vue-echarts,需要按需引入

引入缺失报错：

 Error in callback for watcher "options": "Error: Component series.bar not exists. Load it first."

解决：

import 'echarts/lib/chart/bar'