解决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 命名规则 变量命名规则
Feb 25 Javascript
JavaScript 事件系统
Jul 22 Javascript
JavaScript更改字符串的大小写
May 07 Javascript
JS组件Bootstrap导航条使用方法详解
Apr 29 Javascript
Javascript typeof与instanceof的区别
Oct 18 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
Feb 01 Javascript
详解vue 不同环境配置不同的打包命令
Apr 07 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
Sep 07 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 Javascript
一篇文章带你浅入webpack的DLL优化打包
Feb 20 Javascript
Openlayers实现地图的基本操作
Sep 28 Javascript
在antd4.0中Form使用initialValue操作
Nov 02 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
国内咖啡文化
2021/03/03 咖啡文化
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
让的PHP代码飞起来的40条小技巧(提升php效率)
2010/04/12 PHP
PHP下操作Linux消息队列完成进程间通信的方法
2010/07/24 PHP
让你成为更出色的PHP开发者的10个技巧
2011/02/25 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
PHP 中使用ajax时一些常见错误总结整理
2017/02/27 PHP
Laravel 5.4.36中session没有保存成功问题的解决
2018/02/19 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
JQUERY 浏览器判断实现函数
2009/08/20 Javascript
JS实现距离上次刷新已过多少秒示例
2014/05/23 Javascript
Node.js的特点和应用场景介绍
2014/11/04 Javascript
Node.js 异步编程之 Callback介绍(一)
2015/03/30 Javascript
JS中的Replace方法使用经验分享
2015/05/20 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
2015/08/06 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
深入浅析AngularJS中的一次性数据绑定 (bindonce)
2017/05/11 Javascript
Node.js 使用命令行工具检查更新
2017/06/08 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
详解vue-cli中模拟数据的两种方法
2018/07/03 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
js 将多个对象合并成一个对象 assign方法的实现
2020/09/24 Javascript
python发腾讯微博代码分享
2014/01/10 Python
zbar解码二维码和条形码示例
2014/02/07 Python
Python正则替换字符串函数re.sub用法示例
2017/01/19 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
django框架model orM使用字典作为参数,保存数据的方法分析
2019/06/24 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
加拿大廉价机票预订网站:CheapOair.ca
2018/03/04 全球购物
空气环保标语
2014/06/12 职场文书
员工辞职信范文
2015/03/02 职场文书
go原生库的中bytes.Buffer用法
2021/04/25 Golang
Win10鼠标轨迹怎么开 Win10显示鼠标轨迹方法
2022/04/06 数码科技