javascript - 如何在 vue.js 中使用带复选框的 v-model？

Question

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

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

我希望复选框的值为 test，但是我希望与名为 selected 的 Prop 进行双向绑定(bind)，这是一个 bool 值。但是，以上仅进行一种方式绑定(bind)。我该如何解决这个问题？

谢谢

Answer 1

使用v-model代替:checked

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

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