使用 Antd for Vue 的 setFieldsValue 赋值时报错：warning.js?4eb8:34 Warning: 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.
报错的场景：
页面编辑时，获取接口数据，进行回显。
使用 setFieldsValue 给 v-decorator 赋值时报错。
this.form.setFieldsValue({ //数据回显
id: res.data.result.id,
linkPhone: res.data.result.linkPhone,
});
报错的原因：
this.form.setFieldsValue 传值的时候只能是 form 中用到的参数（即是 getFieldDecorator 方法中的 field ）没有的 field 一律不允许多传，否则就会报错。
这里，多传递了多余的字段，自己检查一下，看看是否传递了页面中没有的字段。
未经允许不得转载：w3h5 » Antd for Vue使用Form组件报错You cannot set a form field before rendering的解决方法
原创文章，作者：3628473679，如若转载，请注明出处：https://blog.ytso.com/150470.html