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

有时候在更新数据时需要向后台发送请求得到最新的数据,但如果发送请求频繁并且数据返回较慢的时候,可能会使得数据渲染出错。因此我们可以标记每个请求的顺序并计算总的请求数量,然后等待单个请求完成后判断其是否为最后一个请求,如果是,则取其数据。
data() {
	return {
		queryNum: 0, //标记最后一个请求
	}	
}
methods: {
	getData(){
		this.queryNum++;
		var currentNum = this.queryNum;
		getData().then(res=>{
			if(currentNum != this.queryNum){ //如果该请求不是最后一个请求,则不做后续处理
				return 
			}
			//...........
		})
	}

你可能感兴趣的:(前端,vue,方法,vue.js,javascript,es6)