javascript - Chrome 不适用于 vuejs v-on :click in option tag

Question

我有类似下面的代码:

<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

有什么想法吗？

Answer 1

选项标签上的点击事件根本不应该触发。不要依赖它。在选择上绑定(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。