如何解决编辑数据取消后表格数据也会变(数据库没变）

最新推荐文章于 2025-07-23 16:16:25 发布

原创最新推荐文章于 2025-07-23 16:16:25 发布 · 401 阅读

·

3

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#java #vue #json

Java记录bug问题集专栏收录该内容

2 篇文章

订阅专栏

文章讲述了在前端修改表格数据时遇到的问题，即取消修改后原数据意外变更。解决方案是使用深拷贝方法，例如通过`JSON.parse(JSON.stringify(row))`来避免直接赋值导致的原始数据改变。对于数组或对象类型的数据，分别可以使用map和JSON转换方法处理。

如何解决编辑数据取消后表格数据也会变(数据库没变）

1.原数据图
在这里插入图片描述
2.点击修改，但取消图

2.1.返回后图

2.2.数据库数据图

3.解决方案

在前端修改框赋值时写这段代码即可：JSON.parse(JSON.stringify(row))

注意：
这里就是深拷贝问题如果直接赋值就会造成原数据的改变
如果拷贝的数据是数组可以用map转化
如果item是对象可以用JSON.parse（JSON.stringify（item））这种方式转化
在这里插入图片描述

欢迎大家提供所以遇见的bug问题以及解决方案

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。