解决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查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
jQuery 性能优化指南 (1)
May 21 Javascript
jQuery 使用手册(四)
Sep 23 Javascript
基于jQuery的图片大小自动适应实现代码
Nov 17 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
Sep 22 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
Sep 01 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
Oct 26 Javascript
基于Vue单文件组件详解
Sep 15 Javascript
浅谈如何通过node.js对数据进行MD5加密
May 16 Javascript
你应该了解的JavaScript Array.map()五种用途小结
Nov 14 Javascript
js正则表达式简单校验方法
Jan 03 Javascript
如何用vue实现网页截图你知道吗
Nov 17 Vue.js
解决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
从零开始 教你如何搭建Discuz!4.1论坛
2006/07/07 PHP
基于文本的留言簿
2006/10/09 PHP
PHP register_shutdown_function函数的深入解析
2013/06/03 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
PHP实现的增强性mhash函数
2015/05/27 PHP
jQuery获取标签文本内容和html内容的方法
2015/03/27 Javascript
jquery实现图片列表鼠标移入微动
2016/12/01 Javascript
微信小程序冒泡事件及其阻止方法实例分析
2018/12/06 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
2020/08/04 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
2020/09/16 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
[40:19]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.18
2020/12/19 DOTA
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
详解python发送各类邮件的主要方法
2016/12/22 Python
Python中实现switch功能实例解析
2018/01/11 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
Python动态参数/命名空间/函数嵌套/global和nonlocal
2019/05/29 Python
django如何自己创建一个中间件
2019/07/24 Python
python使用 cx_Oracle 模块进行查询操作示例
2019/11/28 Python
Python3.9 beta2版本发布了,看看这7个新的PEP都是什么
2020/06/10 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
深入理解HTML5定时器requestAnimationFrame的使用
2018/12/12 HTML / CSS
在购买印度民族服饰:Soch
2020/09/15 全球购物
应届生会计电算化求职信
2013/10/03 职场文书
影视动画专业个人的自我评价
2013/12/31 职场文书
大学毕业后的十年规划
2014/01/07 职场文书
总会计师岗位职责
2014/02/19 职场文书
降消项目实施方案
2014/03/30 职场文书
2015学校年度工作总结
2015/05/11 职场文书
2015年副班长工作总结
2015/05/15 职场文书
办公室卫生管理制度
2015/08/04 职场文书
幼儿园教师培训心得体会
2016/01/21 职场文书
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫