问题 将表格行数据赋值给表单，修改表单数据后，表格数据也会改。点击取消，选择下一行数据，再点击表单的取消，表格数据改变。 原因 表单的数据是表格数据直接赋值，属于浅克隆。 浅克隆：被复制对象的所有变量都含有与原来的对象相同的值，而所有的对其他对象的引用仍然指向原来的对象。 深克隆：被复制对象的所有变量都含有与原来的对象相同的值，除去那些引用其他对象的变量。那些引用其他对象的变量将指向被复制过的新对象，而不再是原有的那些被引用的对象。 解决 使用简单的深克隆 this.form = JSON.parse(JSON.stringify(row));
博客讨论了在处理表格数据与表单交互时出现的问题，即表单数据更改会直接影响表格数据。原因是表单数据对表格数据进行了浅克隆，导致两个数据源实际上指向同一对象。为解决这个问题，提出了使用简单深克隆的方法，通过`JSON.parse(JSON.stringify(row))`来确保表单数据与表格数据的独立性。这样，即使修改表单，也不会影响到表格数据。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
