若:<input type="text">
,则v-model收集的是value值。
若:<input type="radio">
,则v-model收集的是value值,且要给标签配置value值。
若:<input type="checkbox">
1.没有配置input的value属性,那么收集的就是checkbox(勾选or未勾选,是布尔值)
2.配置input的value属性:
(1)v-model的初始值是非数组,那么收集的就是checkbox(勾选or未勾选,是布尔值)
(2)v-model的初始值是数组,那么收集的就是value组成的数组
另:
v-model的三个修饰符:
lazy:失去焦点再收集数据
number:输入字符串转为有效的数字
trim:输入首尾空格过滤。
<input type="text" v-model.trim="userInfo.account">
<input type="number" v-model.number="userInfo.age">
<textarea cols="30" rows="10" v-model.lazy="userInfo.other"></textarea>