0
点赞
收藏
分享

微信扫一扫

Vue收集表单数据

  • 收集表单数据

v-model的使用

data:{
	  account:'', //用户输入
	  password:'',
	  age:'',
	  sex:'', // 需要配置
	  hobby:[],
		agree:''
}

若,则v-model收集的是value值,用户输入的就是value值。

若,则v-model收集的是value值,需要配置value值。

性别:男<input type="radio" v-model="sex" value="man"> 
      女<input type="radio" v-model="sex" value="woman">

  • 如果没有配置input的value属性,收集的是checked(勾选 or 未勾选,是布尔值)
  • 如果配置input的value属性:
  • 复选框时,checkbox初始值的默认值必须为 [ ],收集value组成的数组,
  • 单选框时,收集checked

v-model修饰符

vue对获取到的数据进行操作, 形式为 v-model.xxx

  • lazy:失去焦点再收集数据
  • number:输入字符串转为有效的数字,和 type=”number”搭配使用(不允许用户输入字母)

年龄: <input type="number" v-model.number="age"><br><br>

举报

相关推荐

0 条评论