默认使用v-model的复选框

Question

大家好，我是VueJS的新手，任何可以帮助我在我的复选框列表中勾选默认选项的人

我用的是v-model，所以checked不起作用

有什么想法或建议吗?

Answer 1

使用v-model指令将输入绑定到一个真值

<input type="checkbox" v-model="selected">

在你的组件数据中(根据@Phil的注释更新)

data () {
return {
selected: true, // True of false, or other truthy value depending on needs
}
}

然后，根据所选择的值，您的输入将被选中/未选中。

注意-在文件中声明

v-model将忽略初始值、选中的或选中的属性在任何表单元素上都可以找到。它将始终处理Vue实例数据作为真理的源泉。类上声明初始值JavaScript端，在组件的data选项中。

在https://v2.vuejs.org/v2/guide/components-custom-events.html#Binding-Native-Events-to-Components阅读更多