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

阻止方法重复触发的方案

作者: 旸云 | 来源:发表于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