实现效果:
按钮点击后设置为禁止状态 30秒后自动恢复可点击状态
在这里插入图片描述

<el-button
          slot="right"
          size="mini"
          type="primary"
          @click="allOutput()"
          :disabled="btnisShow"
        >
          全部重发
</el-button>
 data() {
    return {
    btnisShow: false,
    };
  },
 methods:{
  //全部重发
    allOutput() {
      reSendAll().then((res) => {
        if (res.code === 0) {
          this.$infoMsg.showInfoMsg(window.vm.$i18n.t("tips.issue"), this);
          this.crud.toQuery();
          this.btnisShow = true;
          //调用倒计时方法
          this.intervalShowButton();
        }
      });
    },
    // 定时器
    intervalShowButton() {
      let _this = this;
      this.timer = setTimeout(() => {
        _this.btnisShow = false;
      }, 30000);
    },
}
Logo

前往低代码交流专区

更多推荐