v-model结合radio 

<body>
    <div id="app">
        <!-- 互斥，只能选一个 -->
        <input type="radio" value="男" v-model="sex">男
        <input type="radio" value="女" v-model="sex">女
        <h2>您已选择：{{sex}}</h2>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        new Vue({
            el:'#app',
            data:{
                sex:''

            }
        })
    </script>
</body>

 

posted @ 2022-02-19 10:56  Mr_sven  阅读(15)  评论(0)  编辑  收藏  举报