Консольные предупреждения для непассивных обработчиков событий прокрутки

Question

Я получаю эту консольную ошибку, когда я использую 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>

Answer 1

Это связано с новыми опциями слушателя событий, больше здесь и здесь

Существует новый объект параметров, который можно передать addEventListener, Прослушивателям пассивных событий на странице следует передать параметр {passive: true}, чтобы улучшить производительность прокрутки.

document.addEventListener('touchstart', handler, { passive: true });

Предупреждение является лишь рекомендацией по производительности, но не является серьезной проблемой или проблемой, хотя улучшения производительности всегда хороши.

О проблеме уже сообщалось в хранилище bootstrap-vue. Это можно исправить, отправив запрос на извлечение или ожидая, пока кто-нибудь другой сделает это.