如何在加载时将Vue v-checkbox初始化为false而非空字符串？

最直接简便的方式就是修改form的初始定义，把consent的默认值从空字符串改成布尔值false：

form: {
  consent: false
}

另外注意模板里的v-model绑定写法：如果是直接绑定form对象的consent属性，更规范的写法是使用点语法：

<v-checkbox
  label="Consent?"
  v-model="form.consent" 
></v-checkbox>

如果consent是一个动态变量名，那保持form[consent]的写法也没问题，但要确保变量consent的值是字符串"consent"。

这样页面加载时，复选框会默认处于未勾选状态，consent的值就是false，完全满足需求，不需要额外的钩子函数或类型转换逻辑。

内容的提问来源于stack exchange，提问作者Jack Johnson