做h5动画网站,字画价格网站建设方案,临沂百度seo,大连装修公司哪家好!-- 收集表单数据#xff1a;若#xff1a;input:text#xff0c;则v-model收集的是value的值#xff0c;用户输入的就是value的值若#xff1a;input:radio#xff0c;则v-model收集的是value的值#xff0c;且要给标签配置若#xff1a;input:text#xff0c;则…!-- 收集表单数据若input:text则v-model收集的是value的值用户输入的就是value的值若input:radio则v-model收集的是value的值且要给标签配置若input:text则v-model收集的是value的值用户输入的就是value的值1. 没有配置input的value值那么收集的就是checked勾选 or 未勾选是布尔值2. 配置input的value属性(1) v-model的初始值是非数组那么收集的就是checked勾选 or 未勾选是布尔值(2) v-model的初始值是数组那么收集的就是value组成的数组备注v-model的三个修饰符lazy: 失去焦点再收集数据number: 输入字符串转为有效数字trim 输入首尾空格过滤--
div idrootform action# submit.preventdemolabel foraccount账号input typetext v-model.trimuserInfo.account name idaccount/labelbrlabel forpassword密码input typepassword v-modeluserInfo.password name idpassword/labelbr年龄input typenumber v-model.numberuserInfo.agebr性别input typeradio namesex valuemale v-modeluserInfo.sex 男input typeradio namesex valuefemale v-modeluserInfo.sex 女br爱好input typecheckbox name valuestudy v-modeluserInfo.hobby 学习input typecheckbox name valuegame v-modeluserInfo.hobby 打游戏input typecheckbox name valueeat v-modeluserInfo.hobby 吃饭br所属校区select name v-modeluserInfo.cityoption valuebeijing北京/optionoption valueshanghai上海/optionoption valueshenzhen深圳/option/selectbr其他信息textarea v-model.lazyuserInfo.otherMessage/textareabrinput typecheckbox v-modeluserInfo.agree阅读并接受 a href#《用户协议》/abrinput typesubmit value提交/form
/div
script src../js/vue.js/script
scriptVue.config.productionTip false;const vm new Vue({el: #root,data: {userInfo: {age: ,account: ,password: ,sex: male,hobby: [],city: beijing,otherMessage: ,agree: }},methods: {demo() {// console.log(JSON.stringify(this.userInfo));}}})
/script