Vue.js 资料JavascriptElement UI

elementui 表单 number 验证 失败

2018-04-13  本文已影响28人  知止至得

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

上一篇 下一篇

猜你喜欢

热点阅读