mood

昨个没写日记，哈哈哈肯定是因为在看EDG比赛了，EDGNB！！！
今天因为暴风侵袭，停水停电停网一天，心情不太好吧，没网也没学成习，正好把昨天学了没写的写了。

v-model结合radio

绑定男女两个按钮，使被选中的在h2中显示出来

<label for="male">
            <input type="radio" id="male" name="sex" value="男" v-model="sex">男</label>
        <label for="female">
            <input type="radio" id="female" name="sex" value="女" v-model="sex">女</label>
        <h2>您的性别是：{{sex}}</h2>
 data: {
           sex:''
            },

image.png

v-model结合checkbox

在四个框中选中喜欢的，将会在下一行文字中显示出来

<input type="checkbox" value="篮球" v-model="hobbies">篮球
        <input type="checkbox" value="足球" v-model="hobbies">足球
        <input type="checkbox" value="乒乓球" v-model="hobbies">乒乓球
        <input type="checkbox" value="羽毛球"v-model="hobbies">羽毛球
        <h2>您的爱好是:{{hobbies}}</h2>
data: {
                hobbies:[ ],
            },

image.png

v-model结合select

（在select中加入multiple可以实现多选）

<select name="abc" id="" v-model = "fruit">
    <option value="苹果">苹果</option>
    <option value="香蕉">香蕉</option>
    <option value="榴莲">榴莲</option>
    <option value="葡萄">葡萄</option>
</select>
 data: {
                sex: '',
                fruit: [],
            },

image.png

好了，结束了，到点了，该睡了，晚安！