Я получаю предупреждение, из-за которого загружается моя страница.«Добавлен непассивный слушатель события в блокирующее прокрутку событие mousewheel».

Question

Я получаю предупреждение типа «Добавлен непассивный слушатель события в блокирующее прокрутку событие mousewheel».и предложил мне «рассмотреть возможность пометить обработчик событий как« пассивный », чтобы сделать страницу более отзывчивой».Это довольно трудно понять для новичка, как я.Я использую Axios, mixins, автозаполнение в element-ui.Страница работает нормально, но время загрузки лениво.

Answer 1

Это просто означает, что вы обрабатываете события колесика мыши.Если обработчики делают что-то вместо обычного события, вы можете игнорировать сообщение.Если вы делаете что-то в дополнение к обычному событию, вы должны добавить опцию passive к слушателю, чтобы обработка по умолчанию могла происходить без блокировки.

https://developers.google.com/web/tools/lighthouse/audits/passive-event-listeners

В общем случае добавьте флаг passive к каждому wheel, mousewheel, touchstart и touchmove прослушивателю событий, который не вызывает preventDefault().

Если это пакет, который выполняет обработку событий, а не ваш собственный код, просто проигнорируйте его.