如何在不使用vue.js禁用的情况下使始终未选中的复选框？

Question

我需要始终取消选中该复选框。 我尝试通过将选中的属性绑定到数据的错误属性，并将@ input / change侦听器设置为不执行任何操作，并使用v-model，但它们均未按预期工作。

Code here

Answer 1

https://jsfiddle.net/uv2hntba/

处理点击事件（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>