Vue中解决对象内存地址一致的几种方案

在开发vue项目中,经常会遇到内存地址一样的问题,导致修改这里,另一处同时发生改变

解决方案:

1、利用JSON方法(极其不推荐,会丢失属性,例如函数、undefined)

let obj = {}
let newObj = JSON.parse(JSON.stringify(obj))

2、深拷贝

有兴趣可以阅读博客这篇文章。

关于深拷贝与浅拷贝

3、利用Object.assig方法

export default {
    data() {
        return {
            test: {}
        }
    },

    methods: {
        change(obj) {
            this.test = Object.assign({}, obj)
        }
    }
}

4、利用对象展开运算符

let obj1 = {
    a: 1,
    b: 2
}

let obj2 = {...obj1}
CTRL+D快速收藏,欢迎常来喔

未经允许不得转载:作者: KingMin, 转载或复制请以 超链接形式 并注明出处 KingMin
原文地址: 《Vue中解决对象内存地址一致的几种方案》 发布于2021年5月31日

本文链接:Vue中解决对象内存地址一致的几种方案 - https://www.kingmin.cn/vue/32.html

本文标签:

相关推荐
发表评论
0 评论
还没有评论,快来抢沙发吧!