收集表单的值
输入框:v-model=""
<input v-model="s1">
<script>
const vm = new Vue({
el:'',
data:{
s1:''
}
})
</script>
单选:v-model="" value=""
<input v-model="s2" value="男">
<script>
const vm = new Vue({
el:'',
data:{
s2:''
}
})
</script>
多选框:v-model="" value=""
注意用数组接收
<input v-model="s3" value="中国">
<script>
const vm = new Vue({
el:'',
data:{
s2:[]
}
})
</script>
下拉菜单v-model=""
结合value使用
<select v-model="s4">
<option value=""></option>
</select>
<script>
const vm = new Vue({
el:'',
data:s4
})
</script>
文本域:v-model=""
复选(单:勾选用户):v-model=""
拓展
1.当输入框中输入数字时,后台也要得到数字类型时
<input type="number" v-model.number="">
2.当失去焦点时,再收集,不是立马收集
<input type="text" v-model.lazy="">
3.当想去除输入时字符串前后的空格时
<input type="text" v-model.trim="">
4.表单提交
<form @submit.prevent="demo"></form>
data:{
},
methods:{
demo(){
//输出
}
}