Echarts报错 Cannot read property ‘init’ of undefined

最近vue中使用Echart时发现不兼容的地方,出现奇怪的报错
Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”

造成问题的原因有两个,一个是初始化的时候没有获取到DOM元素,另一个是引入Echart这个库的方式错误,解决如下:

1.使用ref获取DOM元素:

this.Chart = echarts.init(this.$refs.chartDom)

2.改用require的方式引入库:

let echarts = require('echarts');

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容