vue中收集表单数据所踩到的坑(日常学习记录)

我们在平常的开发中,应该经常遇到表单数据的收集

下面我就来讲个最简单的案例,也是我学习的一个案例,作为来记录一下,

其实我们采集账号的<input type="text">输入框的时候最好采集啦,在data中定义一个变量去接收v-model的值

然后我这里的trim是v-model的修饰符 trim修饰符的意思就是输入首尾空格过滤

我们在采集年龄的时候 采集的都是字符串,我们要的是数字

我们该怎么做呢,那就是在v-model后加入修饰符number,这样我们采集的就是数字啦

下面我们要去采集<input type="radio"> 单选框的时候该如何去做呢

如果我们直接采集的单选框的值的话，那么采集的数据只能为null

我们要在单选框里面加一个value 值 让value不一样就能采集到啦

 下面就是采集的是复选框的采集