[聚合文章] vue.js element-ui validate中代码不执行填坑

Vue.js 2017-12-19 19 阅读

先说结论

在自定义验证里面每一个判断都要有callback(),就是要保证callback()一定会执行到

因为要验证数字,参考了官网参考代码如下,发现有如下图bug,当输入为以数字开头包含字符串的内容时,验证不会报错,因为业务逻辑也不相符,随改写代码

 <el-form-item label="年龄" prop="age">    <el-input v-model.number="ruleForm2.age"></el-input>  </el-form-item>var checkAge = (rule, value, callback) => {        if (!value) {          return callback(new Error('年龄不能为空'));        }        setTimeout(() => {          if (!Number.isInteger(value)) {            callback(new Error('请输入数字值'));          } else {            if (value < 18) {              callback(new Error('必须年满18岁'));            } else {              callback();            }
                

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。