v-model结合radio类型

最新推荐文章于 2024-10-12 13:44:20 发布

SummerWithYou

最新推荐文章于 2024-10-12 13:44:20 发布

阅读量93

点赞数

文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/qq_43705731/article/details/121737266

版权

Vue.js 单选按钮数据绑定性别选择 v-model

关键词由CSDN通过智能技术生成

当存在多个单选框时

<div id="app">
  <label for="male">
    <input type="radio" id="male" value="男" v-model="sex">男
  </label>

  <label for="fmale">
    <input type="radio" id="fmale" value="女" v-model="sex">女
  </label>
    <h2>您选择的性别是：{{sex}}</h2>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
    const app=new Vue({
        el:"#app",
        data:{
            message:'你好呀',
            sex:'女'
        }
    })
</script>