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

Question

Chrome正在警告我，我已经：＆＃34;为滚动阻止的鼠标滚轮添加了一个非被动事件监听器＆＃39;事件＆＃34;

我希望这个警告消失。我使用的是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实例观看部分中的一个功能。

我试过了：

<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活动，因此您无法修改其抱怨的活动。没有办法说＆＃34;使所有鼠标轮事件无源＆＃34;。