javascript - 我们可以在选择标签上使用什么事件来触发更改，但也可以重新选择相同的选项？

Question

我一直在使用 v-on:change 来触发 vuejs 应用程序中的选项更改。

<select v-on:change="myMethod()">
  <option v-for="(val, key) in options" :value="val">
    {{key}}
  </option>
</select>

但我还需要在第二次重新选择同一选项时触发该方法。

在这种情况下，不会再次触发 change 事件。

我找不到 vuejs 的事件列表。
这是我找到的 HTML :https://www.w3schools.com/tags/ref_eventattributes.asp

我尝试了v-on:select，但没有做任何事情

编辑:
我的目的是将选项链接到不同的 2 个值，一个 v 模型是不够的。 第二次单击时，app.$data 的 bool 属性将被反转。这就是我不使用 v-model 的原因。

Answer 1

这个问题其实和Vue无关，都是关于什么原生事件<select>选择选项时发出 change和input ，并且这两个事件仅在更改所选选项时触发，而不是在重新选择所选选项时触发。

据我所知，无法检测何时重新选择同一选项。您可能需要推出自己的具有此功能的控件。

您也许可以通过跟踪鼠标事件来破解它，但这可能无法在所有情况下 100% 有效(例如，不同的浏览器和移动设备)。