Javascript 铬不'；不适用于vuejs v-on：单击选项标记

我有如下代码：

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

@{{category.category_name}

它在firefox中运行良好，但在chrome和safari中不起作用。 换句话说，当@click在选项标签中时，它在chrome中不起作用

很明显，我正在使用vuejs

---

有什么想法吗？

选项标签上的点击事件根本不应该触发。不要依赖它。选择时绑定onchange事件：

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

@{{category.category_name}

然后在

setCategoryId

中获取

event.target.value

，它将是您的id