javascript - 如何使 vuetify 复选框仅在单击框而不是标签时使用react？

Question

我有一个简单的复选框，带有用于标签槽的注入(inject)模板，如下所示:

<v-checkbox
  v-model="selectAllRequired"
  class="not-so-isolated">
  <template v-slot:label>
    <button
      @click="changeOrder">
      <v-img
        max-width="14"
        class="image list-sort-icon"
        :src="directionIcon" />
      <span class="list-title">ROLA</span>
  </button>
  </template>
</v-checkbox>

当有人点击提到的标签时，我已经指定了一些行为。问题是盒子被用于其他工作。如何仅在单击复选框时勾选复选框，而忽略标签单击？是否可以？感谢您的帮助。

Answer 1

您还可以使用 Event.stopPropagation()在您的 changeOrder(event) 方法之上。

例子:

https://jsfiddle.net/4ya9gqps/