ElementUI的this.$notify里close()属性调用

项目场景:

项目场景:比如项目中有导出文件操作时,文件过大,请求缓慢,所以需要有一个“正在下载文件”提醒框,等文件下载完毕后,弹出下载成功提醒。
在这里插入图片描述

解决方案:

1.官方文档有close属性可以关闭
在这里插入图片描述
2.话不多说直接贴代码

方法一:
 //数据导出
    indexExport() {
    
    
    //点击导出按钮前提醒下载弹窗
      let infoMsg = this.$notify.info({
    
    
        title: "消息",
        message: "正在下载文件,勿退出,请稍后",
        duration: 0,
      });
      gljyjcDataExport(statYear).then((res) => {
    
       //调用接口方法
        infoMsg.close();    //下载成功,等待下载提示框关闭
        this.$notify({
    
    
          title: "成功",
          message: "下载完成",
          type: "success",
        });
        .....
      });
    },
方法二:
   this.$notify.closeAll();       //直接在请求成功回调里关闭全部提醒框

猜你喜欢

转载自blog.csdn.net/wangjiecsdn/article/details/128948468