解决vue A对象赋值给B对象,修改B属性会影响到A的问题


Posted in Javascript onSeptember 25, 2018

实际在vue中 this.A = this.B,没有进行深层赋值,只是把this.A的地址指向了与this.B相同的地址,所有对于A的修改会影响到B。

解决相互影响的思路是在this.A必须是新建的一个对象,这样才能保证不被指向同一地址,属性修改不会相互影响。

解决方式:

this.A=JSON.parse(JSON.stringify(this.B));

将对象转成字符串剔除对象属性后,再转换成对象赋值,这样能解决指向相同地址修改会相互影响的问题。

以上这篇解决vue A对象赋值给B对象,修改B属性会影响到A的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 多种变量定义(对象直接量,数组直接量和函数直接量)
May 24 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 Javascript
再谈querySelector和querySelectorAll的区别与联系
Apr 20 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
Aug 29 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
Oct 17 Javascript
jquery中$each()方法的使用指南
Apr 30 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
Web纯前端“旭日图”实现元素周期表
Mar 10 Javascript
vue cli 全面解析
Feb 28 Javascript
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
vue.js 实现a标签href里添加参数
Nov 12 Javascript
解决vue-cli webpack打包后加载资源的路径问题
Sep 25 #Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 #Javascript
axios对请求各种异常情况处理的封装方法
Sep 25 #Javascript
解决vue axios的封装 请求状态的错误提示问题
Sep 25 #Javascript
angular 数据绑定之[]和{{}}的区别
Sep 25 #Javascript
Vue高版本中一些新特性的使用详解
Sep 25 #Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
Sep 25 #Javascript
You might like
在PHP中使用模板的方法
2008/05/24 PHP
php GUID生成函数和类
2014/03/10 PHP
简单实用的PHP防注入类实例
2014/12/05 PHP
在IE中调用javascript打开Excel的代码(downmoon原作)
2007/04/02 Javascript
jquery中对表单的基本操作代码
2010/07/29 Javascript
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
2014/05/29 Javascript
jQuery的load()方法及其回调函数用法实例
2015/03/25 Javascript
js通过iframe加载外部网页的实现代码
2015/04/05 Javascript
JavaScript实现简单的tab选项卡切换
2016/01/05 Javascript
Javascript生成带参数的二维码示例
2016/10/10 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
JavaScript+CSS相册特效实例代码
2017/09/07 Javascript
基于Vue的移动端图片裁剪组件功能
2017/11/28 Javascript
VUE 3D轮播图封装实现方法
2018/07/03 Javascript
微信小程序实现星级评分和展示
2018/07/05 Javascript
js实现数字滚动特效
2019/12/16 Javascript
Python模块学习 filecmp 文件比较
2012/08/27 Python
Python读取文件内容的三种常用方式及效率比较
2017/10/07 Python
Python3离线安装Requests模块问题
2019/10/13 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
基于python 等频分箱qcut问题的解决
2020/03/03 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
俄罗斯运动鞋商店:Sneakerhead
2018/05/10 全球购物
您的时尚,您的生活方式:DTLR Villa
2019/12/25 全球购物
静态成员和非静态成员的区别
2012/05/12 面试题
《小草和大树》教学反思
2014/02/16 职场文书
大堂副理的岗位职责范文
2014/02/17 职场文书
生产助理岗位职责
2014/06/18 职场文书
美化环境标语
2014/06/20 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
Nginx+Windows搭建域名访问环境的操作方法
2022/03/17 Servers