收集表单数据
若:
- - 则v-model收集的是value值,用户输入的就是value值
- - 则v-model收集的是value值,且要给标签配置value值
- - 没有配置input的value属性那么收集的就是checked(勾选[true] or未勾选[false]) - 配置了input的value值 - v-model的初始值是非数组,那么收集的就是checked - v-model的初始值是数组,那么收集的就是value组成的数组
- v-model三个修饰符
- lazy:失去焦点再收集数据
- number:输入字符串转为有效数字
- trim:输入首尾空格过滤
<div id="root">
<form @submit.prevent="demo">
账号:<input type="text" v-model.trim="userInfo.account"> <br><br>
密码:<input type="password" v-model="userInfo.password"><br><br>
年龄:<input type="number" v-model.number="userInfo.age"><br><br>
性别:男<input type="radio"