element-ui 输入框number验证
2020-02-29 本文已影响0人
若水亦城空
在验证过程中发现输入框加了验证type='number'一直报错，原因在于输入框中的值转成了字符串格式，解决方式为在结构中的v-model需要加上.number，就会将值转为数值类型。
代码如下
<body>
<el-input v-model.number="userAdd.jobnumber" type='text' :placeholder="item.placeholder" ></el-input>
</body>
<script>
export default{
data(){
return {
userAdd:{jobnumber:''},
rules:{
jobNumber:[
{ required: true, message: '请输入工号', trigger: 'change' },
{ type: 'number', message: '只能输入数字', trigger: 'blur' },
],
}
}
}
}
</script>
