javascript - 如何在vue中复制没有引用的json对象?

标签 javascript json vue.js reference copy

在我的组件中,我声明了一些这样的数据:

data() {
    return {
        defaultValue: {json object with some structure},
        activeValue: {}
        ...
并在组件方法中复制此值:
this.activeValue = this.defaultValue
但问题是,更改后 this.activeValue值 a 在 this.defaultValue 中有变化也。
如果我使用 Object.freeze(this.defaultValue)并尝试改变this.activeValue我得到错误 - 对象不可写。
我如何复制数据但没有引用?

最佳答案

如果你有简单的对象,最快最简单的方法就是使用 JSON.parse 和 JSON.stringify;

const obj = {};

const objNoReference = JSON.parse(JSON.stringify(obj));

关于javascript - 如何在vue中复制没有引用的json对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62847820/

相关文章:

javascript - 在 React 中处理复选框

javascript - 使用 jQuery,从 json 可能格式不正确的跨域 url 访问 json

java - 如何从原始消息字符串中选取 json 对象?

javascript - 在 Java 中将 ANSI 转换为 UTF-8

MySQL/Laravel/Vue - 单个表单输入可以将多个值提交到多个列吗?

vue.js - 如何将 Vue JS 网站部署到基于 Ubuntu 的 VPS?

javascript - 获取有关 Javascript 变量的所有信息

php - 我如何在提交时显示错误并在页面上保留 DIV(特殊框)

javascript - 如何找到字符串中特定单词的宽度和高度?

javascript - 检测点击外部元素