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

Question

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

  

[Violation]向滚动阻止的“ mousewheel”事件添加了非被动事件侦听器。考虑将事件处理程序标记为“被动”，以使页面更具响应性。

我正在使用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。应该为页面上的被动事件侦听器传递{被动：true}选项，以提高滚动性能。

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

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

在Bootstrap-Vue存储库中已经报告了issue。您可以通过提交拉取请求或等待其他人来解决它。