ant design pro vue中如何对表单数据进行回填

Question

<a-textarea :rows="4"  v-decorator="['desc',  {rules:  [{required:  true}}]"></a-textarea>

edit  (record)  {

    console.log('record is', record)

    this.visible  =  true

    const  { form:  { setFieldsValue }  }  =  this

    this.$nextTick(()  =>  {

        setFieldsValue(pick(record,  []))

    })

},

比如在这里拿到record数据, 然后把record.content回填到textarea中, 该怎么回填

Answer 1

一：
你可以把desc改成content，然后这样赋值
<a-textarea :rows="4" v-decorator="['content', {rules: [{required: true}}]"></a-textarea>

this.setFieldsValue(pick(record, 'content'))

二：
不使用pick

this.setFieldsValue({desc: record.content})