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：输入首尾空格过滤

到此这篇关于Vue 收集表单数据方法详情的文章就介绍到这了,更多相关Vue 收集表单数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！