防止请求还没走完再次点击触发请求

防止请求还没走完再次点击触发请求

利用闭包,在闭包中给个变量当做发送请求的开关,直接上代码

 clickButton() {
      let swich=false   //给一个初始值
      return function (){
        if(swich) return  //判断如果开关为true  就return停止
        swich=true    //不为true在请求前给它赋值true
        axios.post('url',{}).then(res=>{
          swich=false  //当请求走完在赋值为 false  这里注意swich开关赋值要放在.then里边
        })
      }
    },

这样只有请求走完一遍之后在点击按钮才会有用

下面是让一个按钮在3秒后点击才触发

    data(){
        return {
            lastTime:0 //默认上一次点击时间为0    
        }
    }
    methods:{
		 clickButton() {
	      //获取当前时间的时间戳
	      let newTime = new Date().getTime();
	      //第一次点击
	      if(this.lastTime === 0){
	        console.log('触发事件');
	        this.lastTime = newTime;//给点击时间重新赋值
	      }else if((newTime-this.lastTime) > 3000){
	        //否则如果newTime-lastTime大于3000(3秒)
	        //再次给当前点击的时间赋值
	        this.lastTime = newTime;
	        console.log('间隔大于3秒，触发方法');
	      }else{
	        console.log('不触发');
	      }
	    },   
	}