乐趣区

关于前端: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()

退出移动版