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

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

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

2 原因
描述：违反：没有添加被动事件监听器来阻止’touchstart’事件，请考虑添加事件管理者’passive’，以使页面更加流畅。出现如上提示这可能是由于console的过滤器选择了Verbose

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

3 解决方法
方法在参考的博客就有，这里就说自己亲测的方法。我主要是使用vue-cli3做项目，谷歌浏览器用的版本 88.0.4324.150（正式版本） (x86_64)版本。然后使用的解决方法就是：

1、应用 CSS 属性 touch-action，在根组件App.vue中的css样式中添加代码

<style lang="scss" rel="stylesheet/scss" scoped>
.board {
  touch-action:none;//将该属性写在根元素上即可之后就不会报错
  width: 100%;
  height: 100%;
  }
  </style>

2、注册处理函数时，用如下方式，明确声明为不是被动的
window.addEventListener(‘touchmove’, func, { passive: false })

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

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

原文：https://www.cnblogs.com/weisoul/p/14660816.html