解决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 相关文章推荐
javascript中的变量是传值还是传址的?
Apr 19 Javascript
jquery利用ajax调用后台方法实例
Aug 23 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
Dec 20 Javascript
jQuery多级弹出菜单插件ZoneMenu
Dec 18 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
Dec 13 Javascript
javascript实现九宫格相加数值相等
May 28 Javascript
Bootstrap字体图标无法正常显示的解决方法
Oct 08 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
Dec 26 Javascript
React路由管理之React Router总结
May 10 Javascript
JS实现动态星空背景效果
Nov 01 Javascript
node解析修改nginx配置文件操作实例分析
Nov 06 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下实现折线图效果的代码
2007/04/28 PHP
php中几种常见安全设置详解
2010/04/06 PHP
使用php测试硬盘写入速度示例
2014/01/27 PHP
php中错误处理操作实例分析
2019/08/23 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
PHP设计模式之外观模式(Facade)入门与应用详解
2019/12/13 PHP
javascript中获取选中对象的类型
2007/04/02 Javascript
jQuery 和 CSS 的文本特效插件集锦
2014/12/12 Javascript
JS获得选取checkbox整行数据的方法
2015/01/28 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
2015/12/08 Javascript
jquery submit()不能提交表单的解决方法
2017/04/24 jQuery
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
layui-laydate时间日历控件使用方法详解
2018/11/15 Javascript
JS实现的自定义map方法示例
2019/05/17 Javascript
Element 默认勾选表格 toggleRowSelection的实现
2019/09/04 Javascript
vue双向绑定数据限制长度的方法
2019/11/04 Javascript
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
使用Mock.js生成前端测试数据
2020/12/13 Javascript
Python文件与文件夹常见基本操作总结
2016/09/19 Python
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
python 通过视频url获取视频的宽高方式
2019/12/10 Python
python中图像通道分离与合并实例
2020/01/17 Python
解决tensorflow添加ptb库的问题
2020/02/10 Python
利用Python优雅的登录校园网
2020/10/21 Python
HTML5手机端弹出遮罩菜单特效代码
2016/01/27 HTML / CSS
英国儿童设计师服装的领先零售商:Base
2019/03/17 全球购物
英国最大的宠物商店:Pets at Home
2019/04/17 全球购物
Linux的主要特性
2014/10/06 面试题
乐观大学生的自我评价
2014/01/10 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
2015年调度员工作总结
2015/04/30 职场文书
《好妈妈胜过好老师》:每个孩子的优秀都是有源头的
2020/01/03 职场文书
Python内置数据结构列表与元组示例详解
2021/08/04 Python
openEuler 搭建java开发环境的详细过程
2022/06/10 Servers