14.2v-model结合radio使用

<body>
    <div id="app">
        <!-- v-model结合input:radio单选框使用  不写name属性  也可以实现单选 -->
        <label for="male">
          男:<input type="radio"  id="male" value="男" v-model="sex"> 
        </label>
        <label for="female">
         女:<input type="radio"  id="female" value="女" v-model="sex">
        </label>
    </div>
    <script src='https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js'></script>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
                sex: '男'
            }
        })
    </script>
</body>

 

posted @ 2020-12-28 22:05  闭上耳朵  阅读(84)  评论(0编辑  收藏  举报