重写element-ui $message 解决消息多次弹出的问题

/***重写element-ui $message 解决消息多次弹出的问题**/
import {
  Message
} from "element-ui";

let messageInstance = null;
const overrideMessage = (options) => {
  if(messageInstance) {
    messageInstance.close();
  }
  messageInstance = Message(options);
};
["error","success","info","warning"].forEach(type => {
  overrideMessage[type] = options => {
    if (typeof options === "string") {
      options = {
        message: options
      };
    }
    options.type = type;
    return overrideMessage(options);
  };
});
/***重写message**/
Vue.use(ElementUI, {
  size: "small",
  zIndex: 3000
});
Vue.prototype.$message = overrideMessage;
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容