Консольные предупреждения для непассивных обработчиков событий прокрутки
Я получаю эту консольную ошибку, когда я использую Form Select из bootstrap-vue. Я использую Google Chrome.
[Нарушение] Добавлен непассивный слушатель события к блокирующему прокрутку событию mousewheel. Пометьте обработчик событий как пассивный, чтобы сделать страницу более отзывчивой.
Я получаю эти данные из API, используя Axios. Смотрите код ниже.
<b-form-select v-model="selected" class="mb-3">
<option :value="null">Select a group</option>
<option v-for="group in groupItem" :value="group.id">
{{group.name}}
</option>
</b-form-select>
1 ответ
Это связано с новыми опциями слушателя событий, больше здесь и здесь
Существует новый объект параметров, который можно передать addEventListener
, Прослушивателям пассивных событий на странице следует передать параметр {passive: true}, чтобы улучшить производительность прокрутки.
document.addEventListener('touchstart', handler, { passive: true });
Предупреждение является лишь рекомендацией по производительности, но не является серьезной проблемой или проблемой, хотя улучшения производительности всегда хороши.
О проблеме уже сообщалось в хранилище bootstrap-vue. Это можно исправить, отправив запрос на извлечение или ожидая, пока кто-нибудь другой сделает это.