前端:编辑某条数据未修改,导致列表数据变化

博客主要讲述前端处理数据库字典项时遇到的问题。因数据库字典项为英文,前端列表按英文判断渲染状态,修改弹框 value 为数字,点击修改时需将英文状态改为数字,导致不修改数据也变化。问题源于引用赋值,解决办法是采用合适方式赋值避免修改数据本身。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        因为数据库字典项是英文的原因,到前端需要显示状态,当时列表是根据英文单词判断渲染状态,而 修改数据的弹框value=“”是数字,所以当点击修改数据的时候需要将数据的英文状态改为数字,那么弹出出来后不更改数据就会跟着变化的问题!

列表判断

修改弹窗判断

所修改数据赋值到属性中

将英文状态更改为数字状态

       

          这个问题产生的原因就是因为赋值的时候是引用赋值,所以也会跟着一起变化,但是不会发生不修改数据的情况下而发生变化,因为未修改数据就发生变化,就是因为再弹窗的时候,数据被更换为了数字,所以就产生了变化,那么解决这个问题就可以使用

this.details=Object.assign({}, data)

来进行赋值,这样的话,就不会对数据本身进行修改

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值