时间戳

首页 > 解决方案 > 默认情况下，使用 v-model 选中复选框

vuejs2 - 默认情况下，使用 v-model 选中复选框

问题描述

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

我正在使用v-model，所以checked不会工作

有什么想法或建议吗？

标签： vuejs2

解决方案

您使用 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 实例数据视为事实来源。您应该在组件的 data 选项内声明 JavaScript 端的初始值。

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

推荐阅读