vue双向绑定问题,修改数据时改变了原数据
生活随笔
收集整理的這篇文章主要介紹了
vue双向绑定问题,修改数据时改变了原数据
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
錯誤代碼:
let upTemp = this.billlist[a]; let downTemp =this.billlist[a]; upTemp.money = upTemp.money-je; downTemp.money = je;此時upTemp、downTemp、this.billlist[a]中的money是相同的。
修改:
補充:
拼接兩個數組:
將table中的一條數據帶入form中,值無法改變:
<el-table-column label="操作" align="center"><template scope="scope"><el-button type="text" size="small" icon="el-icon-edit" title="修改" @click="editLogStatus(scope.$index, scope.row)"/></template> </el-table-column>錯誤賦值:
editLogStatus(index, row){this.logStatusVisible = true;this.form.logStatus = row.logStatus;// this.form.logStatus = JSON.parse(JSON.stringify(row.logStatus));},正確賦值:
editLogStatus(index, row){this.logStatusVisible = true;this.form = Object.assign({}, row);},總結
以上是生活随笔為你收集整理的vue双向绑定问题,修改数据时改变了原数据的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Elasticsearch索引分片的数量
- 下一篇: Java实现DES加密解密