如何在vue.js中将v模型与复选框一起使用？

Question

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

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

我希望复选框的值为test，但是我想与名为selected的prop进行2种方式绑定，这是一个布尔值。但是，以上仅做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>