解决ant Design中this.props.form.validateFields未执行的问题
#代码知识 发布时间： 2026-01-12
在使用ant Designd的 form 组件时发现点击提交方法中 this.props.form.validateFields((err, values) => {}) 部分未执行，也没有报错。
原因：
我使用了自定义校验 validator ，在自定义校验方法中有个错误，使用了未定义的变量。
注意：
1、使用validator 时，注意自定义方法中是否有错误；对于如何解决没有错误提示，官网提示：可以选择通过 async 返回一个 promise 或者使用 try...catch进行错误捕获，具体查看官网form组件；
2、使用validator 时，自定义方法中 callback 必须被调用。
补充知识：ant design vue 表单域的validateFields取值和子item的change取值的先后问题
废话不多，先咔的撸出代码先
我先在created中初始化表单域form
然后在表单域子节点中绑定@change="handleChange"函数，
然后我设想是每一次单选完后打印出单选后的值
然而结果是每次打印的值是单选前的值，比如：
我开始时默认选正常，第一次选异常，打印出正常
第二次选正常，结果打印出异常
我懵逼了，一般出现这种情况应该是跟事件机制同步或者异步的先后顺序有关，于是仔细设置了validateFields为异步输出
这回输出正常了，
果然是，个人猜测是输入框的change事件赋值发生在表单域的validateFields（）事件之后，导致取到的值是修改前的值
以上这篇解决ant Design中this.props.form.validateFields未执行的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
代码知识SEO上一篇 : python openCV自制绘画板
下一篇 : Python下使用Trackbar实现绘图板
-
SEO外包最佳选择国内专业的白帽SEO机构，熟知搜索算法，各行业企业站优化策略！
SEO公司
-
可定制SEO优化套餐基于整站优化与品牌搜索展现，定制个性化营销推广方案！
SEO套餐
-
SEO入门教程多年积累SEO实战案例，从新手到专家，从入门到精通，海量的SEO学习资料！
SEO教程
-
SEO项目资源高质量SEO项目资源，稀缺性外链，优质文案代写，老域名提权，云主机相关配置折扣！
SEO资源
-
SEO快速建站快速搭建符合搜索引擎友好的企业网站，协助备案，域名选择，服务器配置等相关服务！
SEO建站
-
快速搜索引擎优化建议没有任何SEO机构，可以承诺搜索引擎排名的具体位置，如果有，那么请您多注意！专业的SEO机构，一般情况下只能确保目标关键词进入到首页或者前几页，如果您有相关问题，欢迎咨询！
