1. 程式人生 > 其它 >前端Vue傳送多次同一個請求造成渲染問題

前端Vue傳送多次同一個請求造成渲染問題

技術標籤:前端vue方法vue.jsjavascriptes6

有時候在更新資料時需要向後臺傳送請求得到最新的資料,但如果傳送請求頻繁並且資料返回較慢的時候,可能會使得資料渲染出錯。因此我們可以標記每個請求的順序並計算總的請求數量,然後等待單個請求完成後判斷其是否為最後一個請求,如果是,則取其資料。

data() {
	return {
		queryNum: 0, //標記最後一個請求
	}	
}
methods: {
	getData(){
		this.queryNum++;
		var currentNum = this.queryNum;
		getData().then(res=>
{ if(currentNum != this.queryNum){ //如果該請求不是最後一個請求,則不做後續處理 return } //........... }) }