在基于 Element-ui 寫項目的時候，Chrome 提醒：

[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive.

翻譯過來如下：
違反：沒有添加被動事件監聽器來阻止’touchstart’事件，請考慮添加事件管理者’passive’，以使頁面更加流暢。

原因是 Chrome51 版本以后，Chrome 增加了新的事件捕獲機制－Passive Event Listeners；

Passive Event Listeners：就是告訴前頁面內的事件監聽器內部是否會調用preventDefault函數來阻止事件的默認行為，以便瀏覽器根據這個信息更好地做出決策來優化頁面性能。當屬性passive的值為true的時候，代表該監聽器內部不會調用preventDefault函數來阻止默認滑動行為，Chrome瀏覽器稱這類型的監聽器為被動（passive）監聽器。目前Chrome主要利用該特性來優化頁面的滑動性能，所以Passive Event Listeners特性當前僅支持mousewheel/touch相關事件。

解決：

1、npm i default-passive-events -S

2、main.js中加入：import ‘default-passive-events’

總結

以上是生活随笔為你收集整理的[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。