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

Question

我在使用 bootstrap-vue 中的表单 Select 时收到此控制台错误。我正在使用 google chrome.

[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 and here

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

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

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

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

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

Console warnings for non-passive scroll event handlers

javascript

vue.js

bootstrap-vue