Vue||引入echarts,初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function

在Vue项目中使用echarts时遇到了两个错误:1.initofundefined,通过修改引入方式为`import*asechartsfromecharts;`解决。2.echarts.initisnotafunction,原因是echarts被包装了一层,需通过`this.$echarts.echarts.init()`调用。
摘要由CSDN通过智能技术生成

Vue引入echarts.js,初始化init()遇到的坑。

报错一: Cannot read property ‘init’ of undefined

在这里插入图片描述
报未定义错误,说明echarts未定义,echarts未引入成功。引入低版本未解决,只需要将引入方式修改:

import echarts from 'echarts'; 
//修改为
import * as echarts from 'echarts'; 

报错二: echarts.init is not a function

在这里插入图片描述
报 init 不是方法,说明 echarts 已经定义,可以用测试变量z接受echarts,查看一下 echarts 的值:

this.z = this.$echarts;  //本例使用的是全局定义的echarts

发现 echarts 外面多包了一层:
在这里插入图片描述
所以,只需要多索引一层即可:

var myChart = this.$echarts.init(document.getElementById('dom_Id'));
//修改为
var myChart = this.$echarts.echarts.init(document.getElementById('dom_Id'));
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值