前端存在信息提示时，只显示一个提示框

出现的问题：项目中首页是综合展示区域，存在多个请求，所以当服务突然连接不通时，直接会出现很多错误提示框，给用户的感官体验很不好，所以需要优化

以vue的Message为例：我的做法是不论提示什么类型的信息，只要存在多个提示信息，都只让其显示一个

思路：利用定义全局变量方式，当messageLock为null时，提示信息并将message赋给全局变量messageLock，反之，先调用Message的close方法关闭上一个信息提示框，再提示

//二次封装Message
import { Message } from 'element-ui'
let messageLock = null
Vue.prototype.$Message = (
  message,
  type,
) => {
  let options = {
    message,
    type,
  }
  if (messageLock) {
    messageLock.close()//调用Message的close方法
  }
  messageLock = Message(options)
}

好了，我的需求问题得到解决了

如果您有什么疑问或更好的方式，可以一起交流，一起进步~