vue自动提交表单_(尚012)Vue表单数据的自动手集(表单数据提交,需要收集表单数据)...

自动收集,就是我一输入数据,就自动收集,等我点击提交按钮的时候,数据就收集好了

1.使用v-model对表单数据自动收集

1)text/textare----单行/多行输入框

2)checkbox----多选

3)radio----单选

4)select----下拉框

2.

3.test012.html

Title

用户名:

密码:

性别:

女

男

爱好:

篮球

足球

高尔夫

排球

城市:

未选择

{{city.name}}

介绍:

new Vue({

el:‘#demo‘,

data:{

username: ‘‘,

pwd:‘‘,

//女是跟value的值匹配

sex:‘女‘,

//多选应该是数组

likes:[‘foot‘],

allCitys: [{id:1,name:‘BJ‘},{id:2,name:‘SH‘},{id:3,name:‘GD‘}],

cityId: ‘3‘,

description:‘‘

},

methods:{

handleSubmit(){

console.log(this.username,this.pwd,this.sex,this.likes,this.cityId,this.description)

}

}

})

4.点击submit可以通过console控制台看到提交的数据;也可以通过vue来查看

原文：https://www.cnblogs.com/curedfisher/p/12020262.html