vue input 赋值报错 getFieldDecorator v-decorator

最新推荐文章于 2024-03-06 16:24:35 发布

峰回路要转

最新推荐文章于 2024-03-06 16:24:35 发布

阅读量1w

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/u012275249/article/details/106333685

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

对input框赋值的时候，报如下错误
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.
查了一半天，感觉意思是组件还没来得及创建完，就被赋值了。
于是加了个延时就好了。

setTimeout(() => {
     this.form1.setFieldsValue({
       value: this.data
     })
   }, 100)

  beforeCreate () {
    this.form1 = this.$form.createForm(this, { name: 'copy' })
  }

  <a-form-item label="XX">
    <a-input
      id="copy"
      v-decorator="[
        'value',
        {rules: [{ required: true, message: 'XXX' }]}
      ]"
      placeholder="eewew"
    >
    </a-input>
  </a-form-item>