代碼示例
<input type="text" v-model="aa.Remark" placeholder="請輸入備注"/>
.js中
data:{
aa:{
Remark:''
},
bb:[]
}
在這種情況下,當進行 bb.push(aa) 時,后面獲取的元素會覆蓋掉前面的元素
原因是 model 綁定的是對象屬性,而數組是引用傳遞而不是值傳遞,因此每次傳值時都是傳過了同一個內存地址
解決方法
將 model 換成綁定一個變量即可
<input type="text" v-model="Remark" placeholder="請輸入備注"/>
.js中
data:{
Remark:'',
bb:[]
}