欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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