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>

    

JS

new 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({&nbsp; el: '#form-1',&nbsp; data: {&nbsp; &nbsp; toggle: true&nbsp; }})