vue.js - Vuetify 复选框：如何停止点击事件？

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
  }

标签： vue.jsvuetify.js

Answer 1

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