解决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的跨域调用文件
Nov 19 Javascript
javascript获得服务器端控件的ID的实现代码
Dec 28 Javascript
Jquery中给animation加更多的运作效果实例
Sep 05 Javascript
浅谈window对象的scrollBy()方法
Jul 15 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
Summernote实现图片上传功能的简单方法
Jul 11 Javascript
完美解决iview 的select下拉框选项错位的问题
Mar 02 Javascript
使用vue-infinite-scroll实现无限滚动效果
Jun 22 Javascript
解决layer.confirm选择完之后消息框不消失的问题
Sep 16 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
Nov 01 Javascript
vue通过接口直接下载java生成好的Excel表格案例
Oct 26 Javascript
原生JS实现拖拽效果
Dec 04 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 mongodb扩展时 需要注意的事项
2013/06/18 PHP
php通过sort()函数给数组排序的方法
2015/03/18 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
js检测客户端不是firefox则提示下载
2007/04/07 Javascript
jquery实现点击TreeView文本父节点展开/折叠子节点
2013/01/10 Javascript
jQuery 回车事件enter使用示例
2014/02/18 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
2014/05/02 Javascript
BootStrap扔进Django里的方法详解
2016/05/13 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
webpack+vue.js快速入门教程
2016/10/12 Javascript
Bootstrap Table快速完美搭建后台管理系统
2017/09/20 Javascript
Vue.js添加组件操作示例
2018/06/13 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
2018/08/14 jQuery
Vue.js 事件修饰符的使用教程
2018/11/01 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
Python处理Excel文件实例代码
2017/06/20 Python
Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例
2018/05/16 Python
Python 查看list中是否含有某元素的方法
2018/06/27 Python
python使用for循环计算0-100的整数的和方法
2019/02/01 Python
python爬虫爬取某网站视频的示例代码
2021/02/20 Python
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
法国包包和行李箱销售网站:Bagage24.fr
2020/03/24 全球购物
项目专员岗位职责
2013/12/04 职场文书
拾金不昧表扬信范文
2014/01/11 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
初中生散播谣言检讨书
2014/11/17 职场文书
刑事辩护词范文
2015/05/21 职场文书
《钓鱼的启示》教学反思
2016/02/18 职场文书
毕业季聚会祝酒词!
2019/07/04 职场文书
Vue中插槽slot的使用方法与应用场景详析
2021/06/08 Vue.js
JavaScript实现贪吃蛇游戏
2021/06/16 Javascript