点击修改地址信息时,页面收货地址处的数据会随着在modal里输入的数据实时变化的问题

来源:12-6 地址编辑和订单提交

刘亦菲真好看

2020-12-27

editAddressModal(item){
this.userAction = 1;
this.checkedItem = item;
this.showEditModal = true;
},
修改地址信息的时候,把item赋值给了checkedItem,因为item是引用类型,在添加modal里修改表单项的值时,由于v-model,地址栏里的数据也会实时变化,这里可以用深拷贝复制一下item再赋给checkedItem
this.checkedItem = JSON.parse(JSON.stringify(item));

写回答

1回答

河畔一角

2020-12-27

这个确实是,之前考虑的不周到。引用类型直接赋值,本身它就已经是响应式对象了,所以会出现数据同步的问题。提议非常好,看的比较仔细

2
0

Vue全家桶实战 从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统,真实服务端数据对接,高实用性

2560 学习 · 1307 问题

查看课程