自动收集,就是我一输入数据,就自动收集,等我点击提交按钮的时候,数据就收集好了
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