首頁猿問 vue v-model...

vue v-model 循環(huán)綁定數(shù)據(jù) 問題

JavaScript

慕哥9229398 2019-05-09 22:23:15

vuev-model循環(huán)綁定數(shù)據(jù)不同輸入框，數(shù)據(jù)卻同步了。為什么？相關(guān)代碼vue測試無1個2個3個4個信息{{key+1}}{{child}}{{customerInfo.babyInfoJson}}letvue=newVue({el:'#app',data(){return{baby:{babyName:''},customerInfo:{babyCount:'',babyInfoJson:[],}}},methods:{setChildList(){letlength=parseInt(this.customerInfo.babyCount,10);if(length

查看完整描述

2 回答

四季花海

TA貢獻1811條經(jīng)驗獲得超5個贊

letbaby=this.baby;for(leti=0;ithis.customerInfo.babyInfoJson.push(baby);}問題在這段，對象是引用類型，你沒有做隔離直接push會導(dǎo)致數(shù)組內(nèi)的所有對象都指向同一個地址。letbaby=this.baby;for(leti=0;ithis.customerInfo.babyInfoJson.push({...baby});}做個淺拷貝隔離對象引用即可

反對回復(fù) 2019-05-09

holdtom

TA貢獻1805條經(jīng)驗獲得超10個贊

樓上說的對，baby是引用類型，應(yīng)該每次push一個新的對象，參考我下面的代碼methods:{initBady(){return{babyName:''}},setChildList(){letlength=parseInt(this.customerInfo.babyCount,10);if(length<=0){this.customerInfo.babyInfoJson=[];return;}this.customerInfo.babyInfoJson=[];for(leti=0;iletbaby=this.initBady();this.customerInfo.babyInfoJson.push(baby);}},}