Vue对象复制 数组复制 复制数组 浅复制 深复制 对象引用

对象复制

javascript 复制代码
// 对象复制
this.documentsTemp = Object.assign({}, this.documentsInit)

数组复制

javascript 复制代码
// 数组复制是用slice()
this.documentsTemp = this.documentsInit.slice()

完整示例

javascript 复制代码
// 赋值(赋引用 实质是两个指向同一个对象)
this.form = res.data
// 对象复制,初始化 清缓存,不能使用简单赋值语句 是指向同一个对象 应使用对象复制方式
// this.documentsTemp = Object.assign({}, this.documentsInit)
// 数组复制是用slice()
this.documentsTemp = this.documentsInit.slice()
// like12 add,20230924,电子档案处理
if (res.data.documents && res.data.documents.length > 0) {
  res.data.documents.forEach(e => {
    this.documentsTemp[e.fileFlag] = e
  })
}
this.form.documents = this.documentsTemp

参考:

Vue复制对象详解_笔记大全_设计学院

Object.assign详解_我带你们飞的博客-CSDN博客

相关推荐
半桶水专家2 分钟前
Vue Pinia 插件详解
前端·javascript·vue.js
丙寅1 小时前
微信小程序反编译遇到 TypeError: _typeof3 is not a function
开发语言·javascript·ecmascript
青衫码上行1 小时前
【Java Web学习 | 第十篇】JavaScript(4) 对象
java·开发语言·前端·javascript·学习
silence_xiang2 小时前
【React】首页悬浮球实现,点击出现悬浮框
前端·javascript·react.js
隔壁的大叔2 小时前
由于vite版本不一致,导致vue组件引入报错
javascript·vue.js
超级罗伯特2 小时前
大屏自适应,响应式布局,亲测有效
前端·javascript·html·大屏·驾驶舱
青衫码上行2 小时前
【Java Web学习 | 第九篇】JavaScript(3) 数组+函数
java·开发语言·前端·javascript·学习
我是ed.2 小时前
vue2 使用 cesium 展示 TLE 星历数据
vue.js·cesium
前端Hardy2 小时前
HTML&CSS&JS:赛博木鱼
前端·javascript·css
有点笨的蛋3 小时前
从值拷贝到深拷贝:彻底弄懂 JavaScript 的堆与栈
前端·javascript