快活林资源网 Design By www.csstdc.com
数据结构是这样子的
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,为了可以在下面定义的方法中一直取得到这个全局变量,在方法中我添加了一个jquery的click方法,在这个方法里面用this.a = b(自定义的一个变量);然后到另一个方法中去使用这个全局变量a,发现根本没有进行赋值,还是原来的全局变量的值。
原因如下:因为click函数使this的指向发生了变化。所以要在click函数的外面添加一句:
var self = this;
然后在click函数里面为全局变量赋值要写:
self.a = b;
这样就不会改变this的指向了!
以上这篇vue data变量相互赋值后被实时同步的解决步骤就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
快活林资源网 Design By www.csstdc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
快活林资源网 Design By www.csstdc.com
暂无评论...
更新日志
2024年12月23日
2024年12月23日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]