欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端Vue发送多次同一个请求造成渲染问题

程序员文章站 2022-03-09 22:12:39
...

有时候在更新数据时需要向后台发送请求得到最新的数据,但如果发送请求频繁并且数据返回较慢的时候,可能会使得数据渲染出错。因此我们可以标记每个请求的顺序并计算总的请求数量,然后等待单个请求完成后判断其是否为最后一个请求,如果是,则取其数据。

data() {
	return {
		queryNum: 0, //标记最后一个请求
	}	
}
methods: {
	getData(){
		this.queryNum++;
		var currentNum = this.queryNum;
		getData().then(res=>{
			if(currentNum != this.queryNum){ //如果该请求不是最后一个请求,则不做后续处理
				return 
			}
			//...........
		})
	}