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博客

相关推荐
火星数据-Tina1 分钟前
让电竞数据实时跳动:Spring Boot 后端 + Vue 前端的完美融合实践
前端·vue.js·spring boot
fruge11 分钟前
前端可视化家庭账单:用 ECharts 实现支出统计与趋势分析
前端·javascript·echarts
嘻嘻哈哈猿人38 分钟前
从 0 到 1 实现一个支持 @ 提及用户的输入框组件(Vue3 实战)
前端·vue.js
云枫晖42 分钟前
Vue3 响应式原理:手写实现 ref 函数
前端·vue.js
荔枝吖1 小时前
html2canvas+pdfjs 打印html
前端·javascript·html
起名时在学Aiifox1 小时前
深入解析 Electron 打包中的 EPERM: operation not permitted 错误
前端·javascript·electron
hachi03132 小时前
Vue中input disabled时点击事件不触发怎么办?
javascript·vue.js·ecmascript
BestSongC2 小时前
基于VUE和FastAPI的行人目标检测系统
vue.js·人工智能·yolo·目标检测·fastapi
漫天黄叶远飞2 小时前
别再把对象当“字典”!JS 零基础也能看懂的“属性账本”拆解笔记
javascript
起名时在学Aiifox2 小时前
Vue3 + Element Plus 表格排序实战:基于状态字段的智能排序方案
前端·javascript·vue.js·element plus