VUE项目常见bug记录

VUE项目常见bug记录（持续更新…）

1、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.

原因：

1、使用antd的Form组件setFieldsValue可能会出现You cannot set a form field before rendering a field associated with the value.警告，字面意义去看是说在 render之前设置了表单值的问题。

那么怎么解决呢
1、在form组件显示出后，再用this.form.setFieldsValue
2、在this.$nextTick(）中使用this.form.setFieldsValue
3、如果要表单绑定的数据和属性不匹配也会出现这个问题，这时就要使用第三种处理方法：在使用this.form.setFieldsValue时，赋值的数据要一一匹配field，用不到的不要赋值即可，这样操作之后错误提示就不再提醒了

visible = true;
this.$nextTick(() => {
            this.form.setFieldsValue({
              name: 'name',
            })});

原文链接

2、调用 from.setFieldsValue() 的时候传入的key在view 里面不存在导致的，检查赋值是否存在问题