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