vue 数据push导致修改值的时候几个数据一起被修改

最新推荐文章于 2024-07-09 12:32:15 发布

Edwin_jada

最新推荐文章于 2024-07-09 12:32:15 发布

阅读量303

点赞数 2

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/edwin_jade/article/details/137006576

版权

push 导致引用地址一样，修改值的时候会出现联动效果

主要是循环push导致的问题

将循环的变量改为都需要push的对象就好

eg：（比如）

let DataAttr = {
				"image": "",
				"price": "",
				"ot_price": "",
				"stock": ""
			}
for (var i =0;i < 5; i++){
    this.listTr.push(DataAttr); // 加一行
}
// 这样就出现一样的了
// ****需要修改成

for (var i =0;i < 5; i++){
    this.listTr.push({"image": "","price": "","ot_price": "","stock": ""}); // 加一行
}


// 就好了