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

新手上路,请多包涵

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

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

阅读 295
1 个回答

您可以使用 true-valuefalse-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 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题