自動收集,就是我一輸入數據,就自動收集,等我點擊提交按鈕的時候,數據就收集好了

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來查看

總結

以上是生活随笔為你收集整理的vue自动提交表单_(尚012)Vue表单数据的自动手集(表单数据提交,需要收集表单数据)...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。