在基于 Element-ui 寫項(xiàng)目的時(shí)候，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.

翻譯過來如下：
違反：沒有添加被動(dòng)事件監(jiān)聽器來阻止’touchstart’事件，請(qǐng)考慮添加事件管理者’passive’，以使頁(yè)面更加流暢。

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

Passive Event Listeners：就是告訴前頁(yè)面內(nèi)的事件監(jiān)聽器內(nèi)部是否會(huì)調(diào)用preventDefault函數(shù)來阻止事件的默認(rèn)行為，以便瀏覽器根據(jù)這個(gè)信息更好地做出決策來優(yōu)化頁(yè)面性能。當(dāng)屬性passive的值為true的時(shí)候，代表該監(jiān)聽器內(nèi)部不會(huì)調(diào)用preventDefault函數(shù)來阻止默認(rèn)滑動(dòng)行為，Chrome瀏覽器稱這類型的監(jiān)聽器為被動(dòng)（passive）監(jiān)聽器。目前Chrome主要利用該特性來優(yōu)化頁(yè)面的滑動(dòng)性能，所以Passive Event Listeners特性當(dāng)前僅支持mousewheel/touch相關(guān)事件。

解決：

1、npm i default-passive-events -S

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。