在vue中收集表单数据注意事项

1. 若:<input type='text'/>,则v-model收集的是value值,用户输入的就是value值.

2. 若<input type='radio'/>,则v-model收集是的value值,且要给标签配置value值.

3. 若<input type='checkbox'/>,则没有配置input的value属性,那么收集的就是checked(勾选or 未勾选,是布尔值),配置input的value属性:

      (1)v-model的初始值是非数组,那么收集的就是checked(勾选or 未勾选,是布尔值),配置input的value属性:

(2)v-model的初始值是数组,那么收集的就是value组成的数组,

备注:v-model的三个修饰符:

lazy:失去焦点再收集数据

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

trim:删除输入首尾空格