用v型绑定收音盒可以带来很多便捷的开发体验。

基本用法

模板div id='app '输入类型='radio' id='男'值='男' v-model='性别'男输入类型='radio' id='女'值='女' v-model='性别' Fe malea p { { gender } }/p/div/模板脚本导出默认值{ name: 'app '，data(){ return { gender : ' ' } } }/script

新建一个名为gender的数据模型，通过v-model将两个单选按钮绑定到gender，这样无论选择哪个单选按钮，对应的值都会赋给gender，这样p的内容也会发生变化。

有了v-model绑定，Vue将帮助我们解决分组问题。过去，使用单选按钮时，需要设置名称属性。现在，在使用v-model时，没有必要设置name属性。

缺省值

如果在首次加载页面时需要有默认选项，可以直接使用数据模型中的相应值。

例如，您希望在首次加载页面时默认选择“男性”。

template div id='app '输入类型='radio' id=' male '值=' maly ' v-model=' gender ' maly输入类型=' radio ' id='女主'值='女主' v-model=' gender ' Fe maly p { { gender } }/p/div/templatescriptxportdefault { name : ' app '，data(){ return { gender : ' maly ' }/script只需将数据模型中的gender值更改为" maly "。

当然，这个值不能随便写。一般来说，你需要写一个单选按钮的值。

随便写一个字符串，不会报错，最后的效果其实和空字符串一样。

摘要

以上是边肖推出的vue表单的v型绑定单选按钮。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！