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解决频繁请求出现多个相同提示】vue解决频繁请求出现多个相同提示
文章图片

    推荐阅读