关于前端:vue解决频繁请求出现多个相同提示

长期存储elementUI的message提醒组件实例,在下次关上网络谬误的提醒前及时进行对以后已存在的提醒组件(netWorkFailDialog)进行敞开close并退出节流管制throttle,这样就能防止同时呈现多个提醒的问题。
引入节流和message提醒组件:

window.netWorkFailDialog = null;
   let netWorkFail = throttle(
            function () {
             window.netWorkFailDialog && window.netWorkFailDialog.close();
             window.netWorkFailDialog = vm.$message({
               message: "网络连接失败,请查看网络!",
               type: "error",
               duration: 4000
             });
            },
           1000
     );

在axios申请的Promise catch的时候调用 netWorkFail()

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理