解决ant Design中this.props.form.validateFields未执行的问题
在使用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未执行的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue中使用echarts实现动态数据绑定以及获取后端接口数据
总结一下自己最近项目中用echarts动态获取接口数据并画图的方法,下面这篇文章主要给大家介绍了关于vue中使用echarts实现动态数据绑定以及获取后端接口数据的相关资料,需要的朋友可以参考下2022-07-07
vue中provide和inject的用法及说明(vue组件爷孙传值)
这篇文章主要介绍了vue中provide和inject的用法及说明(vue组件爷孙传值)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要介绍了Vue实现点击当前元素以外的地方隐藏当前元素，文中给大家扩展了vue实现点击其他地方隐藏div的三种方法,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了Vue.js中NaiveUI组件文字渐变的实现，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-07-07
这篇文章主要介绍了解决vue中的无限循环问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了SpringBoot+Vue 前后端合并部署的配置方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-12-12
这篇文章主要介绍了webpack如何将vue3单页面应用改造成多页面应用,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-05-05
这篇文章主要介绍了vue 如何处理防止按钮重复点击问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
这篇文章主要为大家详细介绍了Vue实现动态控制表格列的显示和隐藏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了VUE中如何实现阻止事件冒泡，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
最新评论