title: Vuetify checkbox: how to stop the click event?
body: <p>I tried to have a checkbox with a <code>@click.stop.prevent=&quot;myEvent&quot;</code> that shall ask before setting the checkbox to true, but stop and prevent are ignored and the checkbox still gets activated. What might be wrong here?</p>
  <p>Here is a fiddle with the described problem: <a href="https://jsfiddle.net/ag63f9fm/49/" rel="nofollow noreferrer">https://jsfiddle.net/ag63f9fm/49/</a></p>
  <pre><code>&lt;v-checkbox @click.native.stop.prevent='ask($event)' :label=&quot;`Checkbox 1: ${checkbox1.toString()}`&quot; v-model=&quot;checkbox1&quot;&gt;&lt;/v-checkbox&gt;
  </code></pre>
  <p>the ask method:</p>
  <pre><code>ask: function (event) {
      answer = confirm('really')
      console.log('Answer: ' + answer)
      if (!answer) {
          event.stopPropagation()
        event.preventDefault()
      }
      return answer
    }
  </code></pre>