如何在Vue js中将鼠标滚轮事件标记为被动？

Question

Chrome 警告我：“向阻止滚动的 'mousewheel' 事件添加了非被动事件侦听器”。

我希望该警告消失。我使用的是 Vue js 2.5.13，根据documentation，您可以使用<div v-on:scroll.passive="onScroll">...</div> 使事件被动。但是，我无法弄清楚鼠标滚轮事件。

这是我的代码：

<select v-model='selectWatcher'>
    <option v-for="option in myOptions" v-bind:value="option.id">{{option.name}}</option>
</select>

如果有帮助，selectWatcher 是我的 vue 实例的 watch 部分中的一个函数。

我试过了：

<select v-model='selectWatcher' v-on:mousewheel.passive>

<select v-model='selectWatcher' v-on:mousewheel.passive="true">

<select v-model='selectWatcher' v-on:scroll.passive="mousewheel">

这些都不起作用，我仍然收到警告。我究竟做错了什么？我是否需要以某种方式将selectWatcher 标记为被动？

Answer 1

由于您没有创建 mousewheel 事件，因此您将无法修改它所抱怨的事件。没有办法说“使所有鼠标滚轮事件被动”。