vue-echarts区域缩放(datazoom)鼠标滚动报错：Unable to preventDefault inside passive event listener invocation

1.先上报错的j截图：

2、解决办法：
文件：在依赖包**node_modules**下，找到**zrender**文件。在**zrender**文件中找到**event.js**文件。

具体路径：**zrender/lib/core/event.js。**

找到**event.js**文件下的**addEventListener**函数，如下修改标注红色字体部分。

 

`export function addEventListener(el, name, handler, opt) {
    if (isDomLevel2) {
        // el.addEventListener(name, handler, opt);
        
        el.addEventListener(name, handler, { passive: false });
    }
    else {
        el.attachEvent('on' + name, handler);
    }
}

代码：el.addEventListener(name, handler, { passive: false });

3.**原因**
        我们的事件已经默认被定义为了被动事件监听。结果我们在这个事件监听中调用了event.preventDefault()，浏览器就不高兴了，报错，告诉你：“你定义的事件不是一个被动事件监听吗？不就是告诉我为了提高响应速度不要处理event.preventDefault()吗？为啥你还要调用event.preventDefault()！”

        为什么事件被默认定义为被动事件监听？为了提高浏览器的响应速度。

最后为了方便大家的沟通与交流请加QQ群： 625787746

请进QQ群交流：【IT博客技术分享群①】：https://jq.qq.com/?_wv=1027&k=DceI0140