如何使用 VUE.js 定义选中和未选中复选框的值？

Question

有没有办法为 . 定义选中和未选中的值？现在 VUE 将模型设置为真/假，这是有道理的，但在实际应用程序中，数据格式有点像 ‘1’ => true 和 “=> false。如何在 VUE 中实现这一点？

原文由 David Marko 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 true-value 和 false-value ：

https://v2.vuejs.org/v2/guide/forms.html#Checkbox-1

 <input
  type="checkbox"
  v-model="toggle"
  true-value="yes"
  false-value="no"
>

// when checked:
vm.toggle === 'yes'
// when unchecked:
vm.toggle === 'no'

原文由 Sphinxxx 发布，翻译遵循 CC BY-SA 4.0 许可协议