解决antDesign中this.props.form.validateFields未执⾏的
问题
在使⽤ant Designd的 form 组件时发现点击提交⽅法中 this.props.form.validateFields((err, values) => {}) 部分未执⾏，也没有报错。
原因：
我使⽤了⾃定义校验 validator ，在⾃定义校验⽅法中有个错误，使⽤了未定义的变量。
注意：
1、使⽤validator 时，注意⾃定义⽅法中是否有错误；对于如何解决没有错误提⽰，官⽹提⽰：可以选择通过 async 返回⼀个promise 或者使⽤ atch进⾏错误捕获，具体查看form组件；
2、使⽤validator 时，⾃定义⽅法中 callback 必须被调⽤。
补充知识：ant design vue 表单域的validateFields取值和⼦item的change取值的先后问题
废话不多，先咔的撸出代码先
我先在created中初始化表单域form
然后在表单域⼦节点中绑定@change="handleChange"函数，
然后我设想是每⼀次单选完后打印出单选后的值
然⽽结果是每次打印的值是单选前的值，⽐如：
我开始时默认选正常，第⼀次选异常，打印出正常
第⼆次选正常，结果打印出异常
ant design
我懵逼了，⼀般出现这种情况应该是跟事件机制同步或者异步的先后顺序有关，于是仔细设置了validateFields为异步输出
这回输出正常了，
果然是，个⼈猜测是输⼊框的change事件赋值发⽣在表单域的validateFields（）事件之后，导致取到的
值是修改前的值
以上这篇解决ant Design中this.props.form.validateFields未执⾏的问题就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。