如何在vue.js中使用v-model和checkbox？

Question

在vue2 js中,我想使用带有v模型的复选框.

<input type="checlbox" value="test" :checked="selected"/>

我想要复选框的值test,但是我希望与支持的2方式绑定,selected这是一个布尔值.但是上面只做1路绑定.我怎样才能解决这个问题？

谢谢

Answer 1

只需使用v-model而不是:checked

new Vue({
  el: '#app',
  data: {
    selected: false
  }
});

<script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
<div id="app">
  <input type="checkbox" value="test" v-model="selected">
  <div>Selected: {{selected}}</div>
</div>