解决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 相关文章推荐
通过Jquery遍历Json的两种数据结构的实现代码
Jan 19 Javascript
HTML上传控件取消选择
Mar 06 Javascript
javascript分页代码实例分享(js分页)
Dec 13 Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 Javascript
js全选按钮的实现方法
Nov 17 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
Dec 02 Javascript
JS组件Bootstrap导航条使用方法详解
Apr 29 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
Jul 18 Javascript
详解vue-cli3开发Chrome插件实践
May 29 Javascript
layui 阻止图片上传的实例(before方法)
Sep 26 Javascript
基于JS判断对象是否是数组
Jan 10 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
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
php初始化对象和析构函数的简单实例
2014/03/11 PHP
搭建基于Docker的PHP开发环境的详细教程
2015/07/01 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
WHOOPS PHP调试库的使用
2017/09/29 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
ppk谈JavaScript style属性
2008/10/10 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
2011/01/31 Javascript
用于deeplink的js方法(判断手机是否安装app)
2014/04/02 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
JavaScript中的迭代器和生成器详解
2014/10/29 Javascript
javascript实现设置、获取和删除Cookie的方法
2015/06/01 Javascript
jquery带动画效果幻灯片特效代码
2015/08/27 Javascript
jQuery实现对无序列表的排序功能(附demo源码下载)
2016/06/25 Javascript
JavaScript数值千分位格式化的两种简单实现方法
2016/08/01 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
2017/05/02 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
Angular HMR(热模块替换)功能实现方法
2018/04/04 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
TypeScript中使用getElementXXX()的示例代码
2019/09/12 Javascript
[23:21]Ti4 冒泡赛第二轮DK vs C9 2
2014/07/14 DOTA
python结合API实现即时天气信息
2016/01/19 Python
Python3.0中普通方法、类方法和静态方法的比较
2019/05/03 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
从Pytorch模型pth文件中读取参数成numpy矩阵的操作
2021/03/04 Python
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
中国京东和泰国中央集团合资的网站:JD CENTRAL
2020/08/22 全球购物
销售主管的自我评价分享
2014/01/03 职场文书
伊索寓言教学反思
2014/05/01 职场文书
学习方法演讲稿
2014/05/10 职场文书
村党的群众路线教育实践活动总结材料
2014/10/31 职场文书
2016年大学生就业指导课心得体会
2015/10/09 职场文书
化工生产实习心得体会
2016/01/22 职场文书
MongoDB使用profile分析慢查询的步骤
2021/04/30 MongoDB