mvc（vue、ng...） 引用数据与被引用数据被关联更改的解决方案

最新推荐文章于 2023-12-20 14:46:47 发布
最新推荐文章于 2023-12-20 14:46:47 发布
阅读量271 收藏
点赞数
分类专栏： typescript angular6 angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36171431/article/details/104975046
版权
本文介绍了一种使用JSON解析和字符串化实现深拷贝的方法，这种方法可以避免引用类型数据改变时，被引用数据随之改变的问题。通过JSON.parse(JSON.stringify(obj))的方式，可以创建对象的一个独立副本。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用转字符串再转回json的方法

JSON.parse(JSON.stringify(this.obj));

这样引用数据发生改变，被引用数据却不会改变

Vue基础理论篇
深夜代码酒神
06-27 459
vue基础
Vue 深入汇总
最新发布
夜飞鼠的专栏
05-03 1140
JavaScript中的对象是引用类型的数据，当多个实例引用同一个对象时，只要一个实例对这个对象进行操作，其他实例中的数据也会发生变化。而在Vue中，我们更多的是想要复用组件，那就需要每个组件都有自己的数据，这样组件之间才不会相互干扰。所以组件的数据不能写成对象的形式，而是要写成函数的形式。数据以函数返回值的形式定义，这样当我们每次复用组件的时候，就会返回一个新的data，也就是说每个组件都有自己的私有数据空间，它们各自维护自己的数据，不会干扰其他组件的正常运行。
vue中引用导致数据与被引用数据同步修改
qq_39917399的博客
07-25 499
this.form = this.tableData[itemNum]; 如果在vue中这样用引用的方式给一个值赋值。那么在修改this.form的同时，被引用的值也会同时改变。 解决方案 this.form = Object.assign({},this.tableData[itemNum]); 使用浅拷贝的方式进行赋值 this.editDialogData = $.extend(true...
关联引用
weixin_34116110的博客
05-18 143
关联引用同意开发人员为不论什么对象附着键值数据。 这样的能力有非常多使用方法，一种常见的使用方法是： 1）让分类为属性加入方法。 考虑 Person 类这个样例。如果你要用分类加入一个新属性，叫做 emailAddress。可能其它程序也用到了 Person，有时候须要电子邮箱地址。有时候不须要，分类就是非常好的解决方式，能够避免在不须要的时候开销。或者 Person 不是你的，而维...
【C++】引用以及关联函数（详解）
m0_63123468的博客
05-13 1741
解析了C++中引用的概念、如何使用以及注意要点，和总结了关联函数的概念和使用
C# MVC 结合 VUE3 的进阶使用
weixin_41989626的博客
12-20 6423
C# MVC 是一种常用的服务器端技术，而VUE3是一种流行的客户端JavaScript框架。结合两者可以实现强大的前后端分离的应用程序。本文将介绍如何使用C# MVC 结合 VUE3 进行开发，并提供相关代码示例。
asp.net mvc 引入vue+ElementUi
weixin_44106924的博客
09-13 1万+
asp.net mvc 引入vue+ElementUi 右键项目名——管理NuGet程序包 在浏览里搜素 vue element 分别安装 会发现在Content文件夹 script文件夹下会有相关的文件 在项目中引用vue的js文件、element的css和js文件，下面两种方式都可以 1.使用link标签、script标签引入 <script src="~/Scripts/vue.js"></script> <link rel="stylesheet" href="~
三大主流框架React、Angular、Vue
lin123_00的博客
06-27 4223
【引言】 web前端开发 当前世界中，技术发展非常迅速并且变化迅速，开发者需要更多的开发工具来解决不同的问题。本文就对于当下主流的前端开发技术React、Vue、Angular这三个框架做个相对详尽的探究。 【React】 React（也被称为React.js或ReactJS）是一个用于构建用户界面的JavaScript库。它由Facebook和一个由个人开发者和公司组成的社区来维护。 React可以作为开发单页或移动应用的基础。然而，React只关注向DOM渲染数据，因此创建React应用通常需
SpringBlade前端集成：Angular, React, Vue.js对比分析
本文系统地探讨了SpringBlade框架与前端三大主流框架Angular、React和Vue.js的集成实践。文章首先概述了SpringBlade前端集成的概况，继而深入分析了每个前端框架的核心概念、数据绑定、依赖注入、状态管理以及在...
document.createEvent建立自定义事件
ganyuanmen的博客
12-28 1万+
document.createEvent用于创建事件，在DOM Level 2　的事件中就有HTMLEvents，MouseEvents，UIEvents事件类型。DOM Level 3增加很多事件类型，个人觉得其中最有用的是CustomEvent自定义事件。 为DOM元素创建自定义事件的步骤为： 一、创建事件：var ev = document.createEvent('CustomEve
Excel 不同文件、sheet 关联引用（vlookup函数）
Dzq_Boyka的博客
06-20 4万+
有时候在excel办公中会遇到，两个sheet相同的一列数据，作为关联（就像数据库的表的外键），其中一个sheet想要获取另一个sheet的其他列数据，这样就用到了vlookup函数，下面演示一下：1.这是222.xlsx文件的“Sheet1”2.这是222.xlsx文件的“Sheet2”3.它们两个sheet有一列数据相同（公司名），当然该列的数据不必要一模一样，可以有几行是不一样的。4.通过 ...
vue.js中数据引用后原数据被改变
weixin_30609331的博客
08-22 477
var vm = null, cateNature = [ { "attrId": "592e95a2e820cc1813f0ba4e", "isMultiple": 1, "se...
关于解决数组引用类型带来的数据关联更改的问题
10-04 108
在今天的jsp开发中出现如下问题： 用String[] str 取出放在ArrayList<String[]>中的一组数据，对str中的个别数据项进行计算然后再用add（要存放位置的索引，数据）放入ArrayList中。由于String为引用数据类 型，当对str的数据进行更改时，会引起ArrayList中str引用的数据也进行更改，但此时我只是为了获取ArrayList数据...
将Excel中一个表格的数据关联到另一个表格
热门推荐
许文平的博客
09-14 22万+
将Excel中一个表格的数据关联到另一个表格 1.表1样例，表1和表2有关联字段工号   2.表2样例 3.表1中选中B2单元格---公式---函数---查找与引用---VLOOKUP---确定 4.lookup_value---点击表1中A2单元格或手动输入有关联的字段单元格（必须与单元格B2对应，如B2对应A2） 5.table_array---
Vue中解决多个组件引用了同一个对象作为数据时，当一个组件改动了数据对象时，其他对象的数据也会随着同步改动的情况
weixin_38098192的博客
05-24 1万+
当组件间传递对象时，由于此对象的引用类型指向的都是一个地址（除了基本类型跟null,对象之间的赋值，只是将地址指向同一个，而不是真正意义上的拷贝），所以会导致下面的问题：var obj = {a:10};var obj2 = obj;obj2.a = 20; // obj2.a改变了，alert(obj.a); // 20，obj的a跟着改变如果需要这种双向数据绑定的话，那么是最好的，但是如果不需...
项目优化经验分享（三）数据调用同步与异步
haoguiting
04-27 2052
   上一篇博客我们分享了时间控制经验《自动查询》。今天我们来分享Ajax数据交换经验：数据调用同步与异步！概念：    是什么？    Ajax在网页中最大的一个优点是它可以访问服务器上的信息而不需要重新加载网页，这意味着要检索或是更新信息的某一个小部分的时候，只需要从服务器端传送那一部分需要的信息而不需要重新下载整个网页。Ajax可以通过两种方式访问服务器，即       同步：脚本会停留并等...
MVC4使用VueJS入门
极客神殿
08-02 1万+
Home视图文件夹Index.cshtml@{ ViewBag.Title = "主页"; } <script src="~/Scripts/jquery-1.10.2.js"></script> <script src="https://unpkg.com/vue/dist/vue.js"></script> <div class="jumbotron"> <h1>ASP.NET<
ASP.NET的MVC中使用Vue
qq_43840665的博客
04-06 4538
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值