vue data變量相互賦值后被實(shí)時(shí)同步的解決步驟
數(shù)據(jù)結(jié)構(gòu)是這樣子的
data() { return { title: ’web前端 this data變量相互賦值后被實(shí)時(shí)同步問(wèn)題’, val_1: ’vue’, val_2: ’’ }}
問(wèn)題源:
我們?cè)趏nload()把val_1 賦給 val_2 (或者在用戶(hù)click時(shí)更改也都會(huì)出現(xiàn)這個(gè)問(wèn)題)
onload() { this.val_2 = this.val_1;}
解決方法:
我們?cè)谕ㄟ^(guò)JavaScript把 “val_1” 轉(zhuǎn)換成字符串類(lèi)型,再JSON.parse,最后再賦給 “val_2” 就解決了
onload() { this.val_2 = JSON.parse(JSON.stringify(this.val_1));}
補(bǔ)充知識(shí):vue定義的全局變量在一個(gè)方法賦值過(guò)后在另一個(gè)方法中是空
在學(xué)習(xí)vue的過(guò)程中,發(fā)現(xiàn)了許多小的問(wèn)題,例如:我定義一個(gè)全局變量a,為了可以在下面定義的方法中一直取得到這個(gè)全局變量,在方法中我添加了一個(gè)jquery的click方法,在這個(gè)方法里面用this.a = b(自定義的一個(gè)變量);然后到另一個(gè)方法中去使用這個(gè)全局變量a,發(fā)現(xiàn)根本沒(méi)有進(jìn)行賦值,還是原來(lái)的全局變量的值。
原因如下:因?yàn)閏lick函數(shù)使this的指向發(fā)生了變化。所以要在click函數(shù)的外面添加一句:
var self = this;
然后在click函數(shù)里面為全局變量賦值要寫(xiě):
self.a = b;
這樣就不會(huì)改變this的指向了!
以上這篇vue data變量相互賦值后被實(shí)時(shí)同步的解決步驟就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. jsp文件下載功能實(shí)現(xiàn)代碼2. jsp實(shí)現(xiàn)登錄驗(yàn)證的過(guò)濾器3. 如何在jsp界面中插入圖片4. ASP動(dòng)態(tài)網(wǎng)頁(yè)制作技術(shù)經(jīng)驗(yàn)分享5. 詳解瀏覽器的緩存機(jī)制6. .Net Core和RabbitMQ限制循環(huán)消費(fèi)的方法7. Xml簡(jiǎn)介_(kāi)動(dòng)力節(jié)點(diǎn)Java學(xué)院整理8. phpstudy apache開(kāi)啟ssi使用詳解9. JSP之表單提交get和post的區(qū)別詳解及實(shí)例10. .Net加密神器Eazfuscator.NET?2023.2?最新版使用教程
