v-model指令的详细用法--收集表单数据&修饰符

v-model指令的详细用法--收集表单数据
收集表单数据:
1.文本框:,v-model收集的是value值,用户输入的就是value值。
2.单选框:,则v-model收集的是value值,且要给标签配置value值。
3.多选框:
3.1.没有配置input的value属性,那么收集的就是checked(勾选 or 未勾选,是布尔值)
3.2.配置input的value属性:
(1)v-model的初始值是非数组,那么收集的就是checked(勾选 or 未勾选,是布尔值)
(2)v-model的初始值是数组,那么收集的的就是value组成的数组

v-model的三个修饰符:
lazy:失去焦点再收集数据
number:输入字符串转为有效的数字
trim:输入首尾空格过滤

账号:

密码:

年龄:

性别: 男

爱好: 学习 打游戏 吃饭

所属校区

其他信息:

阅读并接受《用户协议》

你可能感兴趣的:(v-model指令的详细用法--收集表单数据&修饰符)