uni-app及vue开发循环创建的input框,value改变一个都随之改变的问题?

完美解决办法,直接上案例!

数组:
var a = [1,2,3];
var b = a;
b.push(4); // b中添加了一个4
alert(a); // a变成了[1,2,3,4]
对象:
var obj = {a:10};
var obj2 = obj;
obj2.a = 20; // obj2.a改变了,
alert(obj.a); // 20,obj的a跟着改变 

这是我的循环代码
循环创建的表格,里面动态生成input,绑定value,结果就是一个框子改变值,其他的也变成的同样的值;
这里就需要用到深拷贝了,直接上代码;

this.datalist ={
 //这是你循环时页面用到的数据
}
 let obj={};  先创建一个对象
 obj=JSON.parse(JSON.stringify(this.templateData)); //这里深拷贝一下,给obj赋值
 //这里不可以直接obj = this.datalist,不然在你处理obj里面的数据时this.datalist也会一起改变;
 //我们把obj里面需要处理数据处理完之后再对this.datalist赋值,就完美解决了
 this.datalist = obj
 
 
```好了本期问题完美解决收官,如果在使用过程中遇到什么问题欢迎在下方留言,希望可以帮到你!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端攻城狮路飞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值