单选按钮一般都有多个条件可供选择,既然是单选按钮,自然希望实现互斥效果,这个效果可以使用v-model指令配合单选框的value来实现。
在例4.5中,多个单选框绑定到同一个数组,被选中的内容将添加到数组中。
【例4.5】 绑定单选按钮(源代码\ch4\4.5.html)。
在Chrome浏览器中运行程序,选中D单选按钮,效果如图4-8所示。
图4-8 绑定单选按钮 ZjtDlw6m3pHpbhnc3H2gq4l2yVpyIXqotKL5JTVgIwdF+EBWqC08DS8yD7F9Mcpf