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

59次阅读

共计 397 个字符，预计需要花费 1 分钟才能阅读完成。

长期存储 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()

正文完