vue.js表单

你可以使用v-model指令在表单控件元素上创建双向数据绑定。

v-model会根据控件类型自动选取正确的方法来更新元素。

• 没有数组value的值时，v-model收集的就是check的属性。
• 配置v-model值是数组，那么收集的就是value的值。
• 配置v-model值是字符串，那么收集的值checked的值（布尔值）

输入框

下面代码实现了input和textarea元素使用v-model双向数据绑定：

    
        
        
        
    
    
        

            

input 元素：

            
            

消息是: {{ message }}

            

textarea 元素：

            

{{ message2 }}

            
        

        
    

 v-model修饰符

    
        
        
        
    
    
        
        

            

                姓名：


                年龄：


                性别： 男                     value="2" v-model="userinfo.sex" /> 女


                爱好： 玩游戏
                 跳舞
                 跑步


                城市：
                
                    请选择数据
                    合肥
                    芜湖
                    六安
                


                介绍：
                
            

        

        
        
    

运行效果