【elementplus】给确认提示框的确认按钮增加加载状态的写法

const handleDel = (tips = "", delAction, delParams) => {
    ElMessageBox.confirm(`确定删除该${tips}吗?`, "提示", {
      confirmButtonText: "确认",
      cancelButtonText: "取消",
      beforeClose: (action, instance, done) => {
        if (action === "confirm") {
          // 开启按钮加载
          instance.confirmButtonLoading = true;
          // 删除接口
          delAction(delParams)
            .then((res: any) => {
              if (res.code === 200) {
                ElMessage.success("操作成功");
                getList();
                done();
              }
            })
            .catch(() => {})
            .finally(() => {
              // 接口回调结束,关闭按钮加载
              instance.confirmButtonLoading = false;
            });
        } else {
          done();
        }
      },
    }).catch(() => {});
  };
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值