Vue收集表单数据

收集表单数据使用v-model指令

①input的type为text，则收集的是value值。

②input的type为radio，则收集的也是value值，但是需要为标签提前配置value值以供选择。

③input的type为checkbox，则分情况讨论

没有配置input的value属性：那么收集的就是布尔值。

配置input的value属性: 

(1)初始值是非数组，那么收集的就是布尔值。

(2)初始值是数组，那么收集的就是value组成的数组。

				<input type="password" v-model="userInfo.password"> 

				<input type="number" v-model.number="userInfo.age"> 

				<input type="radio" name="sex" v-model="userInfo.sex" value="male">
				<input type="radio" name="sex" v-model="userInfo.sex" value="female"> 

				<input type="checkbox" v-model="userInfo.hobby" value="game">
				<input type="checkbox" v-model="userInfo.hobby" value="eat">
			
				<select v-model="userInfo.city">
					<option value="">xxxx</option>
					<option value="hunan">湖南</option>
				</select>

注：

v-model的三个修饰符：v-model.xxx

                                    lazy：失去焦点再收集数据

                                    number：输入字符串转为有效的数字

                                    trim：输入首尾空格过滤