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

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

选择一个组
{{group.name}

它与新的事件侦听器选项有关，等等

有一个新的选项对象可以传递给

addEventListener

。应该向页面上的被动事件侦听器传递{passive:true}选项以提高滚动性能

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

警告只是一个性能建议，并不是一个主要的关注点或问题，尽管性能改进总是好的

---

已在引导vue存储库中报告了错误。您可以通过提交拉取请求或等待其他人来修复它。

这可能是因为小部件接管了滚动行为。我该如何解决这个问题？