最近在用elementui的表单验证财务数字的时候发现了bug,主要有两种情况:
第一种:
输入的表单 v-model 后面没有写 .number 修饰符

修改后代码
结果如下:

修改后运行结果
关于 .number 修饰符 vue 文档中是这样解释的

.number 修饰符解释
解决办法:
在 v-model 后面没有写 .number修饰符
<el-input type="number" v-model.number="numberValidateForm.age" auto-complete="off"></el-input>
第二种 没有定义 input 类型 type="number"

elementui 文档验证
文档中验证结果如图,当我们在数字后面输入字符串的时候,验证是可以通过的,因为我们在代码中添加了这一段

代码片段
解决办法:
指定input 类型 type="number"

修改后代码

修改后运行结果