收集表单数据

Vue中使用v-model来收集表单中的数据

使用说明

<input type="text" />中v-model收集的是value的值, 用户输入的就是value值

<input type="radio" />中v-model收集的是value的值, 需要给标签配置value值

<input type="check" />中

• 若没有配置input的value属性, 那么收集的就是checked勾选true, 未勾选false
• 配置value属性:
  • v-model的初始化是非数组, 那么收集的就是checked勾选true, 未勾选false
  • v-model的初始值是数组, 那么收集的就是value组成的数组

修饰符

v-model的三个修饰符

• lazy: 失去焦点再收集数据
• number: 输入字符串转为有效的数字
• trim: 输入首尾的空格过滤