前端Vue傳送多次同一個請求造成渲染問題
阿新 • • 發佈:2020-12-09
技術標籤:前端vue方法vue.jsjavascriptes6
有時候在更新資料時需要向後臺傳送請求得到最新的資料,但如果傳送請求頻繁並且資料返回較慢的時候,可能會使得資料渲染出錯。因此我們可以標記每個請求的順序並計算總的請求數量,然後等待單個請求完成後判斷其是否為最後一個請求,如果是,則取其資料。
data() {
return {
queryNum: 0, //標記最後一個請求
}
}
methods: {
getData(){
this.queryNum++;
var currentNum = this.queryNum;
getData().then(res=> {
if(currentNum != this.queryNum){ //如果該請求不是最後一個請求,則不做後續處理
return
}
//...........
})
}