vue data变量相互赋值后被实时同步的解决步骤
网络编程 2021-07-04 14:06www.168986.cn编程入门
这篇文章主要介绍了vue data变量相互赋值后被实时同步的解决步骤,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
数据结构是这样子的
data() { return { title: 'web前端 this data变量相互赋值后被实时同步问题', val_1: 'vue', val_2: '' } }
问题源
我们在onload()把val_1 赋给 val_2 (或者在用户click时更改也都会出现这个问题)
onload() { this.val_2 = this.val_1; }
解决方法
我们在通过JavaScript把 “val_1” 转换成字符串类型,再JSON.parse,再赋给 “val_2” 就解决了
onload() { this.val_2 = JSON.parse(JSON.stringify(this.val_1)); }
补充知识vue定义的全局变量在一个方法赋值过后在另一个方法中是空
在学习vue的过程中,发现了许多小的问题,例如我定义一个全局变量a,为了可以在狼蚁网站SEO优化定义的方法中一直取得到这个全局变量,在方法中我添加了一个jquery的click方法,在这个方法里面用this.a = b(自定义的一个变量);然后到另一个方法中去使用这个全局变量a,发现根本没有进行赋值,还是原来的全局变量的值。
原因如下因为click函数使this的指向发生了变化。所以要在click函数的外面添加一句
var self = this;
然后在click函数里面为全局变量赋值要写
self.a = b;
这样就不会改变this的指向了!
以上这篇vue data变量相互赋值后被实时同步的解决步骤就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南