Vue中this.$refs[formName].validate((valid) =＞{}不执行的错误

今天遇到一个this.$refs[formName].validate((valid) =>{} 无效的问题当验证通过的时候点确定按钮没有报错，也没有任何反应代码：当验证不通过的时候：第632行有打印false但是当验证都通过的时候：第632行没有打印如果是这种情况就要考虑是在做验证的时候出错啦！每一个 if 都要对应了一个 else 并且每个条件下都要 callback 确保在不同情

Peanutty

4502人浏览 · 2022-04-10 11:07:15

Peanutty · 2022-04-10 11:07:15 发布

今天遇到一个this.$refs[formName].validate((valid) =>{} 无效的问题

当验证通过的时候点确定按钮没有报错，也没有任何反应

代码：
在这里插入图片描述

当验证不通过的时候：第632行有打印false

但是当验证都通过的时候：第632行没有打印

如果是这种情况就要考虑是在做验证的时候出错啦！

每一个 if 都要对应了一个 else 并且每个条件下都要 callback 确保在不同情况下都会执行callback

所以要在验证时加上else的callback()
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^