木灵鱼儿

木灵鱼儿

阅读:3147

最后更新:2020/10/16/ 11:43:33

vue 去除谷歌浏览器对阻止touch事件默认行为的警告提示 Added non-passive event listener to a scroll-blocking

超烦有没有,触发一次事件它就提示一次,洁癖的我今天就告诉你们怎么处理掉这个问题。

警告提示

 Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

大概就这么一段提示,只要是touchu事件你阻止默认行为,都有这个提示,超烦。

解决办法

安装一个default-passive-events插件

yarn add default-passive-events --dev

main.js文件引用

import 'default-passive-events';  //去除touchstart谷歌提示

就这简单两步,让你的浏览器Console干净一新。

效果预览

处理前

处理后

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 21
文章被阅读 3147

相关文章