非被动滚动事件处理程序的控制台警告

当我使用 bootstrap-vue 中的 Form Select 时，出现此控制台错误。我正在使用谷歌浏览器。

[违规] 向滚动阻塞“鼠标滚轮”事件添加了非被动事件侦听器。考虑将事件处理程序标记为“被动”以使页面响应更快。

我使用 axios 从 api 获取这些数据。请参阅下面的代码。

<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>

它与新的事件侦听器选项有关，更多here https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md and here https://medium.com/@devlucky/about-passive-event-listeners-224ff620e68c

有一个新的选项对象可以传递给addEventListener。应向页面上的被动事件侦听器传递 { Passive: true } 选项以提高滚动性能。

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

尽管性能改进总是好的，但该警告只是性能建议，并不是真正的主要问题或问题。

An issue https://github.com/bootstrap-vue/bootstrap-vue/issues/1858已在 bootstrap-vue 存储库中报告。您可以通过提交拉取请求或等待其他人来修复它。