页面中的echarts图表缩放后在控制台就会出现以下提醒,虽然只是报黄提醒,但本人强迫症严重,见不得控制台有任何异常......
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
翻译:向滚动阻塞事件添加了非被动事件侦听<some>器,考虑将事件处理程序标记为“被动”,以使页面响应更快
通俗一点来说:
Chrome51 版本更新以后,增加了新的事件捕获机制-Passive Event Listeners
Passive Event Listeners 就是告诉前页面内的事件监听器内部是否会调用 preventDefault 函数来阻止事件的默认行为,便于优化页面滑动的性能,所以Passive Event Listeners特性当前只支持mousewheel/touch相关事件。
解决方法:
下包:default-passive-events
npm i default-passive-events
全局引入:
import 'default-passive-events';
参考:被动事件监听器(Passive Event Listeners) - 掘金 (juejin.cn)