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

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

posted on 2020-01-01 17:09  活在当下zql  阅读(2169)  评论(0)    收藏  举报