对表单的操作说明》

收集表单的值
输入框：v-model=""

<input v-model="s1">
<script>
   const vm = new Vue({
		el:'',
		data:{
           s1:''
}
})
</script>
1
2
3
4
5
6
7
8
9

单选：v-model="" value=""

<input v-model="s2" value="男">
<script>
   const vm = new Vue({
		el:'',
		data:{
           s2:''
}
})
</script>
1
2
3
4
5
6
7
8
9

多选框：v-model="" value="" 注意用数组接收

<input v-model="s3" value="中国">
<script>
   const vm = new Vue({
		el:'',
		data:{
           s2:[]
}
})
</script>
1
2
3
4
5
6
7
8
9

下拉菜单v-model=""结合value使用

<select v-model="s4">
	<option value=""></option>
</select>

<script>
	const vm = new Vue({
		el:'',
		data:s4
  }) 
</script>
1
2
3
4
5
6
7
8
9
10

文本域：v-model=""
复选（单：勾选用户）：v-model=""

拓展
1.当输入框中输入数字时，后台也要得到数字类型时

<input type="number" v-model.number="">
1

2.当失去焦点时，再收集，不是立马收集

<input type="text" v-model.lazy="">
1

3.当想去除输入时字符串前后的空格时

<input type="text" v-model.trim="">
1

4.表单提交

<form @submit.prevent="demo"></form>
data:{

},
methods:{
  demo(){
  //输出
  }
}
1
2
3
4
5
6
7
8
9