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

Question

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

[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive.

我使用 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>

Answer 1

与新的事件监听选项有关，更多 here和 here

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

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

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

安issue已在 bootstrap-vue 存储库中报告。您可以通过提交拉取请求或等待其他人来修复它。