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()

vue解决频繁请求出现多个相同提示_第1张图片

你可能感兴趣的:(前端)