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

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

HaoOuBa
2021-02-20 / 0 评论 / 200 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年02月20日,已超过1369天没有更新,若内容或图片失效,请留言反馈。

在开发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}
2

评论 (0)

取消