antd form表單使用setFildesValue 賦值失效的解決
antd form表單使用setFildesValue 賦值失效
加上this.$nextTick(()=>{})即可
this.$nextTick(() => {
?? ?this.$refs.editModal.form.setFieldsValue({
? ? ? ? ? ? 'pay_type': '2 實(shí)撥方式',
? ? ? ? })
? ? })解決antd的Form組件setFieldsValue的警告
記住：setFieldsValue的字段要對(duì)應(yīng)得上
使用antd的Form組件setFieldsValue
可能會(huì)出現(xiàn)You cannot set a form field before rendering a field associated with the value.警告
字面意義去看是說(shuō)在 render之前設(shè)置了表單值的問(wèn)題。
解決
在使用setFieldsValue給表單Form的某一個(gè)filed賦值時(shí)，可能摻雜了非表單控件中的字段，F(xiàn)orm表單在賦值和渲染時(shí)發(fā)現(xiàn)有些字段無(wú)法渲染在現(xiàn)有的字段（因?yàn)椴淮嬖冢跃蜁?huì)報(bào)出這樣的錯(cuò)誤提示
所以在使用this.form.setFieldsValue時(shí)，賦值的數(shù)據(jù)要一一匹配field，用不到的不要賦值即可，這樣操作之后錯(cuò)誤提示就不再提醒了
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Vue動(dòng)態(tài)生成表格的行和列，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
下面小編就為大家分享一篇淺談vue引入css,less遇到的坑和解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
Vue?Router解決多路由復(fù)用同一組件頁(yè)面不刷新問(wèn)題(場(chǎng)景分析)
這篇文章主要介紹了Vue?Router解決多路由復(fù)用同一組件頁(yè)面不刷新問(wèn)題,多路由復(fù)用同一組件的場(chǎng)景分析，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08
vue 使用print-js 打印渲染不出來(lái)問(wèn)題
這篇文章主要介紹了vue 使用print-js 打印渲染不出來(lái)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要來(lái)和大家深入討論一下在Vue開(kāi)發(fā)中是否有必要一定用watch,如果換成watcheffect會(huì)如何,文中的示例代碼講解詳細(xì),需要的可以參考下2023-12-12
基于vue寫一個(gè)全局Message組件的實(shí)現(xiàn)
這篇文章主要介紹了基于vue寫一個(gè)全局Message組件的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
前端vue如何監(jiān)聽(tīng)對(duì)象或者數(shù)組某個(gè)屬性的變化詳解
這篇文章主要給大家介紹了關(guān)于前端vue如何監(jiān)聽(tīng)對(duì)象或者數(shù)組某個(gè)屬性的變化的相關(guān)資料,在Vue中你可以使用watch或者computed來(lái)監(jiān)聽(tīng)對(duì)象或數(shù)組某個(gè)屬性的變化,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
vue使用echarts實(shí)現(xiàn)柱狀圖動(dòng)態(tài)排序效果
echarts在前端開(kāi)發(fā)中實(shí)屬必不可缺的大數(shù)據(jù)可視化工具,這篇文章主要為大家詳細(xì)介紹了vue如何使用echarts實(shí)現(xiàn)柱狀圖動(dòng)態(tài)排序效果,感興趣的可以了解下2023-10-10
vue實(shí)現(xiàn)的封裝全局filter并統(tǒng)一管理操作示例
這篇文章主要介紹了vue實(shí)現(xiàn)的封裝全局filter并統(tǒng)一管理操作,結(jié)合實(shí)例形式詳細(xì)分析了vue封裝全局filter及相關(guān)使用技巧,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了vue中字典的使用,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12