Vuejs+ElementUI数值表单校验问题记录

220 阅读1分钟

记录一个开发过程中遇到的问题:
{type:'number', min: 1, max:9999, message: 'XXXX'}会出现输入值在范围内,表单校验却还是不通过

这种情况是在数据绑定的v-model上面加上number修饰符可以解决:
v-model.number='shortemployee' 推测是因为v-model默认是字符串,与规则里面的配置有冲突,对于数值型的校验v-model.number和 {type: 'number'}双管齐下可以解决问题。