javascript - Chrome不适用于vuejs v-on:单击选项标签

我有类似以下代码的内容:

<select>
  <option v-for="category in step4.categoryList" v-on:click="setCategoryId(category.id)">
     @{{category.category_name }}
  </option>
</select>

它在Firefox中工作正常，但在chrome和safari中不起作用。
换句话说，@ click在选项标签中时不适用于chrome。

很明显，我正在使用vuejs。

任何的想法？

最佳答案

选项标签上的Click事件根本不应该触发。不要依赖它在选择时绑定(bind)onchange事件:

<select v-on:change="setCategoryId">
  <option
    v-for="category in step4.categoryList"
    :value="category.id">
    @{{category.category_name }}
  </option>
</select>

然后在setCategoryId中输入event.target.value，它将是您的ID。

关于javascript - Chrome不适用于vuejs v-on:单击选项标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51179656/