LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/Vue2/正文

v-model结合radio类型的使用

Vue2397 次阅读
<div id="app">
    <!-- 当radio都加了v-model时,可以省掉name="sex" -->
    <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>
    <h2>你选择的是:{{sex}}</h2>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript">
    let app = new Vue({
        el:"#app",
        data:{
            sex:'女' // 默认值
        }
    })
</script>


只有惜缘,才有缘分;只有惜友,才有友谊。

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读