vue项目出现错误： Unable to preventDefault inside passive event listener due to target being treated as

目录

1 错误

2 原因

3 解决方法

---

1 错误

谷歌浏览器报vue项目的错[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.

一个组件代码如下，发生图中错误

2 原因

chrome 监听touch类事件报错：无法被动侦听事件preventDefault，是新版本chrome 浏览器报错。

可以参考：csdn里面文章

3 解决方法

方法在参考的博客就有，这里就说自己亲测的方法。我主要是使用vue-cli3做项目，谷歌浏览器用的好像是今年（或者是2019年，反正不是很旧？？？）版本。然后使用的解决方法就是，在根组件App.vue中的css样式中添加代码

注：如果还没有解决，请找度娘帮忙。

touch-action none

 

参考

百里于2020年7月2日

如果有错，请您指出！如有侵权，请联系我删除！