elementui 表单 number 验证 失败
2018-04-13 本文已影响28人
知止至得
最近在用elementui的表单验证财务数字的时候发现了bug,主要有两种情况:
第一种:
输入的表单 v-model
后面没有写 .number
修饰符

结果如下:

关于 .number
修饰符 vue
文档中是这样解释的

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

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

解决办法:
指定input
类型 type="number"

