vue学习（22）表单数据

    
    
    
    


    

        

            账号：
            

            

            密码：
            

            

            性别：男 
            女 
            

            

            爱好：学习
            睡觉
            吃饭
            

            

            所属校区
            
                请选择校区
                北京
                上海
                深圳
            
            

            

            其他信息
            
            

            

            阅读并接受《用户协议》
            

            

            提交
        
    
    
    

知识点：

1：借助label的for和input的id配合可以实现，点击文字，input框就获取焦点。
2：将button的type值设置为button，可以阻止点击按钮，页面刷新。
3：也可以使用阻止表单的默认事件来阻止页面的刷新。
4：收集表单数据

• 若：,则v-model收集的是value值，用户输入的就是value值。
• 若：,则v-model收集的是value值，需要给标签配置value。
• 若：
  （1）：没有配置input的value属性，则收集的就是checked(勾选或未勾选，是布尔值)。
  （2）：配置了input的value属性
  ①若v-model的初始值是数组，则收集的就是value组成的数组。
  ②若v-model的初始值非数组，那么收集的依旧是checked。
  5：v-model的三个修饰符：
  ① number：将输入的字符串转为有效数字
  ②trim：过滤首尾空格
  ③lazy:失去焦点再收集数据