BUG:vue表单验证校验不报错,必填都有信息,就是不能正常往下进行

vue表单验证未报错却出现异常

框架

UI:element-UI

前端:vue2

bug场景

正常表单里面,有的信息要求必填或者加了一些限制,作为校验验证,只有走到校验才会执行其他行为,比如调用保存接口。

javascript 复制代码
this.$refs.editForm.validate((valid) => {
        if (valid) {}
        }

而我遇到的问题是,无论怎么点保存都不会正常往下走,校验状态始终为false,也就是说校验这块有问题。

可是程序页面都没报错,表单信息填写也都没有问题

解决办法

打印this.$refs.editForm.validate,发现写着:

html 复制代码
ƒ validate(callback){var _this2=this;if(!this.model){console.warn('[Element Warn][Form]model is required for validate to work!');return;}var promise=void 0;// if no callback, return promise
if(typeof c...

于是我捋了一遍editRules: {}部分,每一个加校验的地方,发现确实有一个少了回调

像这种特殊的校验处理,一定要注意回调问题,特别是判断越多越容易忽略

相关推荐
花海如潮淹4 分钟前
前端性能追踪工具:用户体验的毫秒战争
前端·笔记·ux
_丿丨丨_5 小时前
XSS(跨站脚本攻击)
前端·网络·xss
天天进步20155 小时前
前端安全指南:防御XSS与CSRF攻击
前端·安全·xss
拾光拾趣录7 小时前
括号生成算法
前端·算法
拾光拾趣录8 小时前
requestIdleCallback:让你的网页如丝般顺滑
前端·性能优化
前端 贾公子8 小时前
vue-cli 模式下安装 uni-ui
前端·javascript·windows
拾光拾趣录9 小时前
链表合并:双指针与递归
前端·javascript·算法
@大迁世界9 小时前
前端:优秀架构的坟墓
前端·架构
拼图2099 小时前
element-plus——图标推荐
javascript·vue.js·elementui
期待のcode9 小时前
图片上传实现
java·前端·javascript·数据库·servlet·交互