前端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
}
//...........
})
}
下一篇: 简单的MySQL数据库使用方法讲解