碼上歡樂
相關內容    簡體    繁體

vue中，解決chrome下，的warning, Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event 問題

本文轉載自   查看原文   2021-10-12 15:31   977 

一、警告信息如下：
vue+element項目中，解決chrome下的passive警告問題

element-ui.common.js?5c96:9972 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

二、問題解決
安裝 default-passive-events
yarn add default-passive-events

在main.js中引入即可
import "default-passive-events"; //添加事件管理者'passive'，來阻止'touchstart'事件，讓頁面更加流暢。 解決chrome下的warning問題

參考：https://www.jianshu.com/p/23850d4cade8


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 解決vue中滾輪事件報錯 Added non-passive event listener to a scroll-blocking 'mousewheel' event.告警 vue 鼠標事件控制台警告Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive ElementUI校驗[Violation] Added non-passive event listener to a scroll-blocking ‘touchmove‘ event. 問題解決 [Violation] Added non-passive event listener to a scroll-blocking ＜some＞ event. element-ui遇到得坑一：Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking handler as 'passive' to make the page more responsive Vue項目報錯： Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive 警告：添加非被動事件偵聽器到滾動阻塞'touchstart'事件(Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event han) [vue問題解決] chrome瀏覽器Unable to preventDefault inside passive event listener due to target being treated as passive. vue項目報錯Unable to preventDefault inside passive event listener invocation
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM