需求背景，弹窗进去显示详情，如下：
点击修改后，表单可输入
一开始做的思路是获取到详情后直接给表单用setFieldsValue方法赋值，结果一直报错，我使用的v-if 和v-else显示详情和可编辑状态，刚打开弹窗的时候input是不存在的，所以getFieldDecorator方法中的field也不存在，是无法赋值的，最后在点击“修改”按钮之后再去用setFieldsValue赋值就可以了，这个问题足足困扰了我大半个小时，头疼，特此记下以防下次忘记。
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
[Antd-vue] Warning: You cannot set a form field before rendering a field associated with the value.
Warning: You cannot set a form field before rendering a field associated with the value. ant desgin pro form 表单报错
react给表单赋值警告You cannot set a form field before rendering a field associated with the value
【vue 】You cannot set a form field before rendering a field associated with the value. 错误解决办法
AntDesign使用Form表单出现You cannot set a form field before rendering a field associated with the value
You cannot set a form field before rendering a field associated with the value. You can use `getFieldDecorator(id, options)` instead `v-decorator="[id, options]"` to register it before render.
React-Upload在Form表单中报错[antd: Upload] `value` is not a valid prop, do you mean `fileList`
Golang报错mixture of field:value and value initializers
react.js Warning: Failed form propType: You provided a value prop to a form field without an onChange handler. This will render a read-only field.
spring data jpa的报错Can not set int field XXX to null value