react一段时间内按钮只点击一次

Posted 2023-04-19

参考技术A 对。React是用于构建用户界面的javascript库，起源于Facebook的内部项目，该公司对市场上所有 JavaScriptMVC框架都不满意，决定自行开发一套，用于架设Instagram的网站。react是反应，回应的意思，react按钮短时间内只能点击一次目的是为了防止重复提交。

防暴力点击，一定时间内多次点击只执行一次

　　　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)
    }