防暴力点击,一定时间内多次点击只执行一次(防抖、节流)


1.防暴力点击

   data() {
      return {
        clickDelay: false,
      }
   },

   //1秒内点击多次只执行一次
    previeWxArticle(item) {
      let _this = this;
      if(_this.clickDelay) return;
      _this.clickDelay = !_this.clickDelay; 
      api.request("previeWxArticle", { 'url': item.articleUrl,'linkId': item.linkId  })
        .then((result) => {
          if (result.status == 0 && result.data.message == '') {
            _this.previewUrl = result.data.wxUrl;
          } 
        }).catch((err) => {
          _this.$message.error(err.message);
        })
      setTimeout(function(){
        _this.clickDelay = !_this.clickDelay;
      },1000)
    }

2.防抖节流

参考文章:https://www.cnblogs.com/hity-tt/p/7852888.html


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM