for (let i in res.imageUrl) {
this.form.commodityImgList[i] = { name: 'img' + i, url: res.imageUrl[i] }
this.form.commodityImgList.push({ mame: 'img' + i, url: res.imageUrl[i] })
}
for循環(huán)中的兩行代碼,表面上實現(xiàn)了相同的功能枪萄,但是在vue中隐岛,使用空數(shù)組直接賦值后猫妙,頁面上的數(shù)據并不會動態(tài)改變。而使用push方法后聚凹,頁面上的內容就能正常發(fā)生變化了割坠。
查閱后發(fā)現(xiàn),用這兩種方法妒牙,數(shù)組最后的長度相同彼哼,但是push添加的元素具有set和get方法,這樣想通過點擊改變edit值時可以生效的湘今,而直接賦值添加的元素點擊改變edit不生效敢朱。