如何阻止在 vue项目中快速双击俩次新增/编辑连续发送俩次请求
刚接触vue 前端项目,这也只是一种很low 的解决方案 ,废话少说直接上代码
loading 结合 + 定时器
data(){
return{
loading: false
timer: null, //定时器名称
}
}
//使用定时器
this.loading = true
this.timer = setTimeout(() => {
// 处理业务逻辑 以及发送请求
。。。。
请求成功:this.loading = false 关闭loading
如果请求报错
.finally((this.loading = false));
},500)
//关闭定时器
beforeDestroy() {
// eslint-disable-next-line no-irregular-whitespace
clearInterval(this.timer); // 清除定时器
this.timer = null;
}