vue中[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive

这是一个浏览器的警告信息，vue中通常会在使用滚动事件时出现。这个警告是由于Chrome优化浏览器性能的行为引起的。简单地说，当我们在某个元素上绑定了滚动事件时，Chrome会默认将该事件处理为“被动”事件，以提高浏览器的滚动性能。在这种情况下，我们无法通过调用preventDefault()方法来阻止默认行为，因为该事件已经被处理为“被动”事件。

为了解决这个问题，我们可以通过将passive选项设置为false来告诉浏览器，我们希望该事件可以被阻止默认行为。例如，在vue中可以这样写：

// 在mounted()生命周期中添加scroll事件监听
mounted () {
  window.addEventListener('scroll', this.handleScroll, { passive: false })
},

methods: {
  handleScroll (event) {
    event.preventDefault() // 可以阻止默认行为
    // 其他逻辑处理
  }
}