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

相关推荐
breeze jiang9 小时前
React useRef + Web Worker:避免大计算阻塞页面的通信方案
前端·javascript·react.js
zho_uzhou9 小时前
ubuntu服务端运行vue网页步骤
linux·服务器·vue.js·ubuntu
黄贵根15 小时前
JavaScript实现教培行业意向登记系统
开发语言·javascript·ecmascript
zzzzzz31019 小时前
从 react-bits 看动效组件化:别把视觉效果写成一次性页面代码
javascript·react.js·开源
用户9385156350719 小时前
React Context 与自定义 Hook 从底层到实践:「跨层级通信 + 副作用封装」全解析
前端·javascript·react.js
滴滴答答哒19 小时前
VUE3+element-plus MultiSelect 多选下拉组件
前端·javascript·vue.js
其美杰布-富贵-李19 小时前
04 watch 与 Vue 响应式数据流
前端·javascript·vue.js
kyriewen1 天前
我排查了一个React内存泄漏——罪魁祸首是这3个被忽略的清理函数
前端·javascript·面试
其美杰布-富贵-李1 天前
03 ref、reactive 与 computed 响应式数据
前端·javascript·vue.js