ElementUI避免出现多个message同时出现

     ElementUI避免出现多个message同时出现          前端封装axios的时候，通常统一用Element的Message展示服务器返回的错误或者统一报错信息。由于网络问或者服务器配置问题，可能某个页面调用多个接口的时候，会同时间出现多条报错信息，这样对用户的体验很不好。所以需要封装一个message，使得页面同时间只会出现一个信息框。//reset-message.jsimport{Message}from'element-ui'//避免出现多个报错信息弹窗letmessageInstance=nullconstresetMessage=(options)=>{if(messageInstance){//先把第一条信息关闭，在弹出第二条信息messageInstance.close()}messageInstance=Message(options)}//重新定义message.success等4个['error','success','info','warning'].forEach(type=>{resetMessage[type]=options=>{options={type:type,message:options}returnresetMessage(options)}})exportconstmessage=resetMessage//main.jsimportVuefrom'vue'importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'import{message}from'./utils/reset-message'//resetmessageVue.use(ElementUI)//必须在这行命令后，覆盖$message方法Vue.prototype.$message=message//request.js封装axiosimport{message}from'@/utils/reset-message'//resetmessageservice.interceptors.response.use(//.....iferrormessage({message:res.rmsg||ErrorText,type:'error',duration:2*1000}))关注博主即可阅读全文 -全文完-