Vue收集表单数据代码方法

本篇文章小编给大家分享一下Vue收集表单数据代码方法，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

表单收集数据代码实现：

    
    
    



    

        账号：
        
        


        密码：


        
        年龄：


        性别：男女


        爱好：
        吃饭
        睡觉
        打游戏


        所属地区：
        
            请选择地区
            北京
            上海
            广州
        


        其他信息：
        
        


        阅读并接受《用户协议》


        提交
    

收集表单数据

若：， 则v -model收集的是 value 值，用户输入的就是 value 值

若：, 则v-model收 集的是 value 值，且要给标签配置 value 值

若：

1.没有配置 input 的 value 属性，那么收集的就是 checked(勾选or未勾选，是布尔值)

2.配置 input 的 value 属性：

(1) v-model 的初始值是非数组，那么收集的就是checked (勾选or未勾选，是布尔值)

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

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

lazy：失去焦点再收集数据

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

trim：输入首尾空格过滤