v-model结合radio类型使用

v-model结合radio类型使用_第1张图片

 

为了使之互斥,两个单选框都添加name=“sex”,从而改变二者可以同时选择的情况

同一对的for与id内容需要相等 

添加v-model,使sex值随着点击的单选框而变化

当v-model绑定相同时,此时单选框互斥,此时的name可以省略

如果sex值写作男,单选框默认选中男

您选择的性别是:{{sex}}

你可能感兴趣的:(vue学习,vue.js,javascript,前端,html)