elementui 表单 number 验证 失败

最近在用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"

修改后代码
修改后运行结果

演示案例如下：
https://jsfiddle.net/FEShuai/eywraw8t/34489/

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容