antd vue表单赋值报错 You cannot set a form field before rendering a field associated with the value.

需求背景,弹窗进去显示详情,如下:

 

 点击修改后,表单可输入

 

 一开始做的思路是获取到详情后直接给表单用setFieldsValue方法赋值,结果一直报错,我使用的v-if 和v-else显示详情和可编辑状态,刚打开弹窗的时候input是不存在的,所以getFieldDecorator方法中的field也不存在,是无法赋值的,最后在点击“修改”按钮之后再去用setFieldsValue赋值就可以了,这个问题足足困扰了我大半个小时,头疼,特此记下以防下次忘记。

posted @ 2020-03-10 17:14  Lily-文  阅读(1893)  评论(0编辑  收藏  举报