美文网首页
阻止方法重复触发的方案

阻止方法重复触发的方案

作者: 旸云 | 来源:发表于2018-10-26 22:23 被阅读0次

    有的时候短时间内重复触发一个方法会出问题,包括视觉效果和逻辑上的

    解决方案也很简单,比如在vue中,可以设置一个callFlag来辅助判断

    data(){
      return{
        callFlag:0  
    }
    methods:{
      testFunction(){
        if(this.callFlag === 0){
          this.callFlag = 1 //标记为1
          ...//执行函数
          setTimeout(()=>{
              this.callFlag = 0 //3秒后恢复标记0
          },3000)
        }else{
          return    
        }
      }
    }
    

    这样处理就可以防止在3秒内重复执行某方法啦

    相关文章

      网友评论

          本文标题:阻止方法重复触发的方案

          本文链接:https://www.haomeiwen.com/subject/kjfrtqtx.html