最近刚接触vue的项目，今天发现页面上有一个问题 就是 页面中有一个表格，点击表格中的修改，弹出来一个修改框可以修改数据，但是现在问题是，在弹出框对其进行修改的时候，列表中对应的数据也在实时的变动。我想要的效果是，当我保存的时候时候，在使列表数据更改，而不是输入框一边更改，这个问题刚开始时没有发现 ，是公司测试的同事给提出来的
之前的代码是点击修改的时候 直接复制的选中的那条记录，刚开始一致以为是列表中的字段和 dialog中的字段名称一样导致的，虽然按照这个方案可以解决这两个地方双向绑定的问题，但是修改起来工作量比较大，需要调整字段和数据库中的对应关系。后来把问题发给我媳妇儿看了看 （媳妇是做前端的），他丢给我一段话： 在每次弹出对话框的时候深拷贝一次当前行数据的副本，form = JSON.parse(JSON.stringify(row))完成提交后要么重新刷新数据源，要么将form的数据更新到row，问题解决。
那么深拷贝和浅拷贝的区别是什么呢？通过查询有关资料总结如下：
浅拷贝（shallowCopy）只是增加了一个指针指向已存在的内存地址，
深拷贝（deepCopy）是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存，
使用深拷贝的情况下，释放内存的时候不会因为出现浅拷贝时释放同一个内存的错误。
浅复制：仅仅是指向被复制的内存地址，如果原地址发生改变，那么浅复制出来的对象也会相应的改变。
深复制：在计算机中开辟一块新的内存地址用于存放复制的对象。
标签：vue,列表,修改,复制,内存,拷贝,内存地址,数据 来源： https://www.cnblogs.com/mingqi-420/p/12779429.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。