1秦驯、需求導(dǎo)入
這個(gè)問題不算太復(fù)雜尺碰，但是當(dāng)時(shí)一時(shí)間沒想到這個(gè)解決方法，所以為了怕遺忘译隘，先記錄著亲桥，需求大致是一個(gè)表單數(shù)據(jù)，然后表單數(shù)據(jù)是一個(gè)大的對(duì)象固耘，中間有相關(guān)的配置信息题篷，配置信息又是一個(gè)新的對(duì)象，但是我們想要綁定一個(gè)表單去一次渲染完成厅目，這時(shí)后臺(tái)返回的數(shù)據(jù)格式我們前端就需要處理了番枚。
我們向后臺(tái)傳入的數(shù)據(jù)格式是form,但是表單校驗(yàn)只針對(duì)form表單，那么我們想拿到的數(shù)據(jù)直接賦到表單上去损敷，這樣就統(tǒng)一性的處理了
比如后臺(tái)返回的數(shù)據(jù)格式是：
a:{ b:{} }
我們希望所有的屬性歸結(jié)到一個(gè)對(duì)象中去葫笼，然后去與表單動(dòng)態(tài)綁定。
2拗馒、解決方法
模擬后臺(tái)返回的數(shù)據(jù)
let form = {
name:'小陳同學(xué)',
age:22,
addr:'湖南省長(zhǎng)沙市',
school:'窩窩鄉(xiāng)暖洋洋小學(xué)',
student:{
weight:148,
height:178,
score:100,
class:'三年級(jí)一班'
}
}
console.log(form);
后臺(tái)返回的數(shù)據(jù).png
3渔欢、開始處理
let form = {
name:'小陳同學(xué)',
age:22,
addr:'湖南省長(zhǎng)沙市',
school:'窩窩鄉(xiāng)暖洋洋小學(xué)',
student:{
weight:148,
height:178,
score:100,
class:'三年級(jí)一班'
}
}
console.log(form);
//1.合并對(duì)象
let newform = Object.assign(form,form.student)
//2.進(jìn)行解構(gòu)
let {student,...formData} = newform;
console.log(formData);
處理完畢后的數(shù)據(jù).png
