解决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 相关文章推荐
判断是否输入完毕再激活提交按钮
Jun 26 Javascript
window.parent与window.openner区别介绍
Apr 12 Javascript
简单实用jquery版三级联动select示例
Jul 04 Javascript
JavaScript整除运算函数ceil和floor的区别分析
Apr 14 Javascript
使用iojs的jsdom库实现同步系统时间
Apr 20 Javascript
原生js实现图片层叠轮播切换效果
Feb 02 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
Sep 06 Javascript
angularJs中datatable实现代码
Jun 03 Javascript
详解基于Wepy开发小程序插件(推荐)
Aug 01 Javascript
JS co 函数库的含义和用法实例总结
Apr 08 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
JavaScript canvas实现跟随鼠标移动小球
Feb 09 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模板页面中分页代码的解析
2009/02/06 PHP
PHP_NETWORK_GETADDRESSES: GETADDRINFO FAILED问题解决办法
2014/05/04 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
PHP读取文件,解决中文乱码UTF-8的方法分析
2020/01/22 PHP
飞鱼(shqlsl) javascript作品集
2006/12/16 Javascript
JS 文字符串转换unicode编码函数
2009/05/30 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
2013/08/07 Javascript
javascript通过navigator.userAgent识别各种浏览器
2013/10/25 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
JavaScript 数组some()和filter()的用法及区别
2016/05/20 Javascript
js获取当前时间(昨天、今天、明天)
2016/11/23 Javascript
利用types增强vscode中js代码提示功能详解
2017/07/07 Javascript
基于js的变量提升和函数提升(详解)
2017/09/17 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
2018/01/18 jQuery
jQuery实现table表格checkbox全选的方法分析
2018/07/04 jQuery
详解Vue组件之作用域插槽
2018/11/22 Javascript
js中对象和面向对象与Json介绍
2019/01/21 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
layui实现显示数据表格、搜索和修改功能示例
2020/06/03 Javascript
Python开发常用的一些开源Package分享
2015/02/14 Python
Python psutil模块简单使用实例
2015/04/28 Python
Python中异常重试的解决方案详解
2017/05/05 Python
django 使用 request 获取浏览器发送的参数示例代码
2018/06/11 Python
解决python 无法加载downsample模型的问题
2018/10/25 Python
python 批量修改 labelImg 生成的xml文件的方法
2019/09/09 Python
Python Numpy中数据的常用保存与读取方法
2020/04/01 Python
世界第一冲浪品牌:O’Neill
2016/08/30 全球购物
英国时尚高尔夫服装购物网站:Trendy Golf
2020/01/10 全球购物
保安部任务及岗位职责
2014/02/25 职场文书
2015年初中元旦晚会活动总结
2014/11/28 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
Python 把两层列表展开平铺成一层(5种实现方式)
2021/04/07 Python
canvas绘制折线路径动画实现
2021/05/12 Javascript
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python