vueプロジェクトでChromeコンソールの非パッシブイベントリスナー出力問題を解決する

前文

ソフトウェア開発の断片を文書化し、知識と経験を蓄積する (その4)

問題を再現する

ご利用案内

目標：element-ui使用時の警告を解決する [違反] スクロールブロックする「mousewheel」イベントに対して、非パッシブなイベントリスナーを追加しました。イベントハンドラを「パッシブ」としてマークし、ページの応答性を高めることを検討してください。

どうすればいいのですか？

• npm マネージャーを使用して、default-passive-events 依存パッケージをダウンロードします。

npm i default-passive-events -S

• エントリーファイルmain.jsを紹介します。

import 'default-passive-events'

結果はどうなりましたか？

ページは自動的に更新され、警告は消えます。