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

Question

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

uses

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

很明显，我正在使用vuejs。

有什么主意吗？

Answer 1

选项标签上的

click事件根本不会触发。不要依赖它在选择时绑定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。