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

发布时间:2024年01月23日

问题记录:
要求上传多个图片,但是存储的时候为一条数据,无非就是添加的时候遍历图片数组然后获取中的图片地址时候逗号拼接,然后赋值一个新对象添加到新数组中,进行保存功能很简单。主要是查询的时候,根据逗号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;

目前显示是这样的

文章来源:https://blog.csdn.net/weixin_51255845/article/details/135764289
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。