Vue坑点 在Vue中引入Echarts报错 Cannot read property ‘init‘ of undefined
程序员文章站
2022-06-24 16:50:12
Vue坑点杂谈(七)在Vue中引入Echarts报错 Cannot read property ‘init’ of undefined一、写在开头最近使用Echart时发现与Vue有些不兼容的地方,会出现一些奇怪的报错,在这里记录一下帮助同样遇到问题的朋友们。二、发现问题出现问题是在mounted()中使用官方示例的时候报了以下错误:Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”。三、解决问...
Vue坑点杂谈(七)在Vue中引入Echarts报错 Cannot read property ‘init’ of undefined
一、写在开头
最近使用Echart时发现与Vue有些不兼容的地方,会出现一些奇怪的报错,在这里记录一下帮助同样遇到问题的朋友们。
二、发现问题
出现问题是在mounted()中使用官方示例的时候报了以下错误:
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');
好了,大概就是这样,我是O5,共勉!
也请大家关注一下我的公众号:游戏前端。
本文地址:https://blog.csdn.net/ODST_TheSolverO5/article/details/111090606
上一篇: 为何不推荐直接采用 Executors.new 线程池的方式?
下一篇: 自己封装Vue实例