vue.js - Vuetify 复选框 : how to stop the click event?

Question

我试图有一个带有 @click.stop.prevent="myEvent" 的复选框在将复选框设置为 true 之前应该询问，但停止和阻止被忽略并且复选框仍然被激活。这里可能有什么问题？
以下是对所描述问题的处理: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() 首先没有工作。