用v模型绑定单选框能带来很多便捷的开发体验。
& lt; template> & lt; div id=坝τ谩北? & lt;输入类型=肮悴ァ眎d="男" value=" https://www.yisu.com/zixun/Male " v模型=靶员稹北?男性 & lt;输入类型=肮悴ァ眎d="女" value=" https://www.yisu.com/zixun/Female " v模型=靶员稹北?Femalea & lt; p>{{性别}}& lt;/p> & lt;/div> & lt;/template> & lt; script> 出口默认{ 名称:“应用程序”, 数据(){ 返回{ 性别:“ } } } & lt;/script>
& lt; template> & lt; div id=坝τ谩北? & lt;输入类型=肮悴ァ眎d="男" value=" https://www.yisu.com/zixun/Male " v模型=靶员稹北?男性 & lt;输入类型=肮悴ァ眎d="女" value=" https://www.yisu.com/zixun/Female " v模型=靶员稹北?女 & lt; p>{{性别}}& lt;/p> & lt;/div> & lt;/template> & lt; script> 出口默认{ 名称:“应用程序”, 数据(){ 返回{ 性别:男性的 } } } & lt;/script>
只要把数据模型里的性别的值改成“男性”即可。
当然,这个值是不能随便写的。一般是需要写上其中一个单选按钮的价值值。
如果随便写一个字符串也不会报错,最后的作用其实和空字符串一样。
以上所述是小编给大家介绍的vue表单之通过v模型绑定单选按钮广播,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!