控制台报错：[Intervention]Unable to preventDefault inside passive event listener due to target

升级到vue3,原来的 import 'default-passive-events'不好使了. 上网查了一堆发现软用没有

直到看到这位大佬的文章,直接搞吧,基本上谷歌报警告都解决了

原文链接

一、场景

在开发项目时，当用到滚动事件scroll、滚轮事件wheel或者移动端touchstart/touchmove/touchend等事件时，谷歌浏览器可能会报以下警告

二、解决方案

1. 新建ployfill.js文件

   //去除谷歌浏览器的scroll、wheel等事件警告
   (function () {
       if (typeof EventTarget !== "undefined") {
         let func = EventTarget.prototype.addEventListener;
         EventTarget.prototype.addEventListener = function (type, fn, capture) {
           this.func = func;
           if (typeof capture !== "boolean") {
             capture = capture || {};
             capture.passive = false;
           }
           this.func(type, fn, capture);
         };
       }
     }());
   

2. 在main.js引入该文件（因为ployfill.js中的解决思路是调整事件对象addEventListener的原型，所以一定要在项目初始化之前，最好在项目最开头引入ployfill.js）

   import "@/common/polyfill"    // 注意文件路径