checkbox的value绑定了Vue上的实例后,无法默认选中(checked无效)

Question

<div id="form-1">    <input type="checkbox" id="checkbox" v-model="toggle" :true-value='a' :false-value='b'>    <label for="checkbox">{{ toggle }}</label></div>    JSnew Vue({            el:'#form-1',             data:{                 toggle:true,                 a:'选了',                 b:'没选'             }         })我现在想让这个复选框默认选中,并且值是'选了',请问该如何写?

Answer 1

<input type="checkbox" id="checkbox" v-model="toggle">

<label for="checkbox">{{ toggle ? '选中' : '未选中' }}</label>

new Vue({

  el: '#form-1',

  data: {

    toggle: true

  }

})