本文探讨了在使用Vue.js和Element UI组件库时遇到的数据同步问题，特别是el-tree与el-table之间的数据交互导致的意外修改。当直接使用赋值操作更新数据时，由于JavaScript对象的引用特性，修改一处数据会导致其他相关数据同时变更。为了解决这个问题，文章提出了使用`Object.assign()`来深拷贝对象，确保修改不会影响原始数据。这一方法有效地防止了el-tree和el-table在数据更新时的同步问题，保证了用户界面的正确显示和独立编辑功能。
问题：
使用el-tree的node-click事件获取选中节点的信息，之后将 节点信息渲染到右侧table表格中，使用el-table的current-change事件获得当前所选中行的数据，然后将数据赋值给修改框的数据源，在修改框中修改数据时出现el-tree，el-table数据同时更改的情况，数据传递使用this指向data中的数据
原因：
使用 = 将一个对象赋值给另一个对象，因为js对象为引用型，赋值就是改变对象地址指向，所以造成了修改一个数据另外数据也变动的情况
解决：
a = Object.assign( { } , b )
a会复制一份b，两者地址不同
扫一扫
1968
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
