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: {}部分,每一个加校验的地方,发现确实有一个少了回调

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

相关推荐
一只一只妖10 小时前
突发奇想,还未实践,在Vben5的Antd模式下,将表单从「JS 配置化」改写成「模板可视化」形式(豆包版)
前端·javascript·vue.js
悟能不能悟13 小时前
js闭包问题
开发语言·前端·javascript
秋秋_瑶瑶13 小时前
vue-amap组件呈现的效果图如何截图
前端·javascript·vue-amap
gnip14 小时前
js上下文
前端·javascript
中草药z14 小时前
【Stream API】高效简化集合处理
java·前端·javascript·stream·parallelstream·并行流
不知名raver(学python版)15 小时前
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR!
前端·npm·node.js
醉方休15 小时前
React中使用DDD(领域驱动设计)
前端·react.js·前端框架
excel15 小时前
📖 小说网站的预导航实战:link 预加载 + fetch + 前进后退全支持
前端
学习3人组15 小时前
React 样式隔离核心方法和最佳实践
前端·react.js·前端框架