欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

一次Vue中computed沒有觸發(fā)的原因以及排查經(jīng)歷

 更新時間：2023年11月16日 10:26:43   作者：WaqarLeaver  
這篇文章主要介紹了一次Vue中computed沒有觸發(fā)的原因以及排查經(jīng)歷,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

computed沒有觸發(fā)的原因排查經(jīng)歷

vue中computed計算屬性可以用來綁定動態(tài)變量，而且它可以實時刷新，并且也可以在watch中監(jiān)控，所以本人很喜歡用這個東西，一般把需要隨data中變量一起變化的屬性全部放在這里面，data中只定義互相獨立互相不影響的變量，這樣可以極大地減少重復(fù)變量的定義，使代碼結(jié)構(gòu)清晰，也便于排查錯誤。

最近出現(xiàn)了一個問題

就是我在computed中定義的一個動態(tài)變量沒有在相關(guān)屬性發(fā)生變化后觸發(fā)更新。

代碼如下：

data(){
	return {
		model:{
			name:"test"
		}
	}
}

computed:{
	lonexist:function(){
		return this.model.lon!=null;
	}
}

method:{
	changelon(){
		this.model.lon="123";
	}
}

以上只是簡化代碼，目的是說明問題，然后我在一個button的click事件中綁定changelon方法，點擊button后lonexist計算屬性并沒有被觸發(fā)。

原因是

model初始化時沒有這個屬性，解決方法是在model的初始化方法中添加這個屬性就可以了:

data(){
	return {
		model:{
			name:"test"，
			lon:null
		}
	}
}

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。 

相關(guān)文章

最新評論