（填坑日记）vue项目中echarts散点点击事件失效解决办法

（填坑日记）vue项目中echarts散点点击事件失效解决办法前不久因为echarts点击事件失效的问题困扰了很久，因为项目在pc端已经完成了，准备适配移动端时就出现了这个问题，网上查了很久都没有找到解决方案，经过不断尝试才发现是echarts版本的问题，废话不多说，直接上代码。webpack安装首先卸载之前的版本，也就是echarts的最新版本（点击事件失效就是因为最新版本不稳定导致）n...

Mecle_

2695人浏览 · 2019-10-18 09:40:43

Mecle_ · 2019-10-18 09:40:43 发布

vue项目中echarts散点点击事件失效解决办法

前不久因为echarts点击事件失效的问题困扰了很久，因为项目在pc端已经完成了，准备适配移动端时就出现了这个问题，网上查了很久都没有找到解决方案，经过不断尝试才发现是echarts版本的问题，废话不多说，直接上代码。

webpack安装

首先卸载之前的版本，也就是echarts的最新版本（点击事件失效就是因为最新版本不稳定导致）

npm uninstall echarts

然后执行(安装3.6.2版本，相对稳定）
npm install echarts@3.6.2 --save

普通项目安装

直接在vue项目的index.html中引入echarts的js就行

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^