Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.6k views
in Technique[技术] by (71.8m points)

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

<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中, 该怎么回填


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

一:
你可以把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})

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...