vue data變量相互賦值后被實(shí)時(shí)同步的解決步驟

發(fā)布時(shí)間：2020-09-06 19:20:36 來(lái)源：腳本之家閱讀：580 作者：岑農(nóng)耕 - 深圳欄目：開發(fā)技術(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 (或者在用戶click時(shí)更改也都會(huì)出現(xiàn)這個(gè)問(wèn)題)

onload() {
 this.val_2 = this.val_1;
}

解決方法：

我們?cè)谕ㄟ^(guò)JavaScript把 “val_1” 轉(zhuǎn)換成字符串類型，再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ù)里面為全局變量賦值要寫：

self.a = b;

這樣就不會(huì)改變this的指向了！

以上這篇vue data變量相互賦值后被實(shí)時(shí)同步的解決步驟就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

vue data變量相互賦值后被實(shí)時(shí)同步的解決步驟

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽