Как сделать флажок всегда непроверенным без использования отключенного в vue.js?

Question

Мне нужно, чтобы флажок был всегда снят. Я попытался связать проверенный атрибут с ложным свойством из данных и установить @ input / change listener, чтобы он ничего не делал, и использовал v-модель, но ни один из них не работает должным образом.

Кодздесь

Answer 1

https://jsfiddle.net/uv2hntba/

обработать событие click (e) и вызвать e.preventDefault ()

или использовать ярлык @ click.prevent

js:

new Vue({
  el: '#app',
  data: {
  },
  methods: {
    preventThisClickEvent(e) {
      e.preventDefault()
    }
  }
})

html

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <input type="checkbox" :checked="checked" @click="preventThisClickEvent" /> prevent by method
  <br/>
  <input type="checkbox" :checked="checked" @click.prevent="doNothing" /> prevent by shortcut
</div>