vue一个对象赋值之后变成新对象再添加进入一个数组

问题记录:
要求上传多个图片,但是存储的时候为一条数据,无非就是添加的时候遍历图片数组然后获取中的图片地址时候逗号拼接,然后赋值一个新对象添加到新数组中,进行保存功能很简单。主要是查询的时候,根据逗号split(“,”)的时候需要重新吧图片赋值到新数组中,然后页面遍历数组进行回显

                  let temp = [];
                  let array = [];
                  item.extendChildList.forEach(v => {
                    array = v.imageUrl.split(",");
                  })
                  let objTemp = item.extendChildList[0];
                  objTemp.primaryKey = objTemp.id;
                  array.forEach((item02,index02) => {
                    objTemp.id = index02;
                    objTemp.imageUrl = item02;
                    //这样写主要是类似new了一个新对象,对过单纯的赋值,用的对象地址是
                    //同一个,会导致前一个加进数组的对象值也发生变化,然后就是数组中的
                    //图片地址都是和最后一个一样的
                    temp.push(JSON.parse(JSON.stringify(objTemp)));
                  })
                  item.extendChildList = temp;

目前显示是这样的

  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值