vue中表单的简单应用(单选框,复选框,下拉框)
单选框
<div>
<!-- 单选框一定要写 value,且value是后端要去的数值 -->
性别:
<input type="radio" name='sex' value='0' v-model='regList.sex'> 男
<input type="radio" name='sex' value="1" v-model='regList.sex'> 女
</div>
复选框
<div>
<!--
复选框:定义checkbox初始值,应是一个[] ,获取值的时候,获取的是value 的值
你也可以有默认值:eg:['play']
-->
<input type="checkbox" value='study' v-model='regList.hobby'>学习
<input type="checkbox" value='sleep' v-model='regList.hobby'>睡觉
<input type="checkbox" value='rap' v-model='regList.hobby'>唱歌
<input type="checkbox" value='play' v-model='regList.hobby'>打篮球
</div>
下拉框
<!--
下拉框的双向数据绑定,绑定在select标签上。它的value 是option中的value
-->
工作种类: <select v-model='regList.job'>
<option value="" disabled>--请选择--</option>
<option value="java">码农后端</option>
<option value="web">大前端攻城狮</option>
<option value="test">最弱的测试</option>
<option value="ui">切图仔</option>
</select>
一个checkbox
<div>
<!-- 一个checkbox 复选框,我们初始值可以为空,获取value的时候,是true或者false.我们的初始值也可以是true或者false -->
协议:<input type="checkbox" v-model='regList.isGree'>
</div>
加班万岁!