Vuetify 复选框：如何停止点击事件？

Question

我试图有一个复选框，@click.stop.prevent="myEvent"在将复选框设置为真之前应该询问，但停止和阻止被忽略，复选框仍然被激活。这里可能有什么问题？

这是描述问题的小提琴：https : //jsfiddle.net/ag63f9fm/49/

<v-checkbox @click.native.stop.prevent='ask($event)' :label="`Checkbox 1: ${checkbox1.toString()}`" v-model="checkbox1"></v-checkbox>

问方法：

ask: function (event) {
    answer = confirm('really')
    console.log('Answer: ' + answer)
    if (!answer) {
        event.stopPropagation()
      event.preventDefault()
    }
    return answer
  }

Answer 1

好吧，在 vuetify 发布问题后，我被告知要使用 click.capture它，但我仍然不知道为什么简单的方法event.stopPropagation() 一开始就不起作用。