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