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

最新推荐文章于 2024-04-02 20:18:54 发布

湛海不过深蓝

最新推荐文章于 2024-04-02 20:18:54 发布

阅读量717

点赞数

分类专栏： elementuiPlus 文章标签： java 前端 javascript

本文链接：https://blog.csdn.net/bbt953/article/details/132384238

版权

elementuiPlus 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

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(() => {});
  };