解決ant Design中this.props.form.validateFields未執(zhí)行的問題
在使用ant Designd的 form 組件時發(fā)現(xiàn)點擊提交方法中 this.props.form.validateFields((err, values) => {}) 部分未執(zhí)行，也沒有報錯。
原因：
我使用了自定義校驗 validator ，在自定義校驗方法中有個錯誤，使用了未定義的變量。
注意：
1、使用validator 時，注意自定義方法中是否有錯誤；對于如何解決沒有錯誤提示，官網(wǎng)提示：可以選擇通過 async 返回一個 promise 或者使用 try...catch進行錯誤捕獲，具體查看官網(wǎng)form組件；
2、使用validator 時，自定義方法中 callback 必須被調(diào)用。
補充知識：ant design vue 表單域的validateFields取值和子item的change取值的先后問題
廢話不多，先咔的擼出代碼先
我先在created中初始化表單域form
然后在表單域子節(jié)點中綁定@change="handleChange"函數(shù)，
然后我設(shè)想是每一次單選完后打印出單選后的值
然而結(jié)果是每次打印的值是單選前的值，比如：
我開始時默認選正常，第一次選異常，打印出正常
第二次選正常，結(jié)果打印出異常
我懵逼了，一般出現(xiàn)這種情況應(yīng)該是跟事件機制同步或者異步的先后順序有關(guān)，于是仔細設(shè)置了validateFields為異步輸出
這回輸出正常了，
果然是，個人猜測是輸入框的change事件賦值發(fā)生在表單域的validateFields（）事件之后，導(dǎo)致取到的值是修改前的值
以上這篇解決ant Design中this.props.form.validateFields未執(zhí)行的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了vue修改vue項目運行端口號的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家介紹了vue3源碼分析reactivity實現(xiàn)原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
Monaco-editor,一個vs?code?編輯器,這篇文章主要為大家詳細介紹了如何在Vue2中使用Monaco?Editor,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01
今天小編就為大家分享一篇對vuex中g(shù)etters計算過濾操作詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
Vux+Axios攔截器增加loading的問題及實現(xiàn)方法
這篇文章主要介紹了Vux+Axios攔截器增加loading的問題及實現(xiàn)方法，文中通過實例代碼介紹了vue中使用axios的相關(guān)知識,需要的朋友可以參考下2018-11-11
這篇文章主要介紹了vue中jsonp的使用方法,文章從安裝開始展開具體的vue中jsonp的使用詳細內(nèi)容,需要的朋友可以參考一下，希望對大家有所幫助2021-11-11
本文將結(jié)合實例代碼，解決Vue+SpringBoot+Shiro跨域問題，相信大家剛開始做都會遇到這個問題，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06
這篇文章我們將一起學(xué)習(xí)vue.js實現(xiàn)綁定class和style樣式，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了vue.js—定義全局變量、函數(shù)的方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
在vue中請求接口中，一個請求方法可能對應(yīng)后臺兩個請求接口，所以請求參數(shù)就會有所不同。需要我們先設(shè)置共同的參數(shù)，然后根據(jù)條件動態(tài)添加參數(shù)屬性2022-08-08