Chrome 不适用于 vuejs v-on:click in option 标签

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

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

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

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