antdmessage使用_关于vue\react使用element\antd整合message消息提示

当在开发过程中进入页面请求多个接口，多条信息吐丝的现象

QQ截图20200827205943.png

感觉就是很不得劲儿，眼花撩乱的！

以element-ui做示范

建一个msgStore.js文件

import { Message } from "element-ui";

class StorageApi {

static errorList = []; // 获取所有的消息 进行存储

static Iserr = false; // 状态判断显示消息窗口

// 消息处理

static setErrorMessage(statusName, contentMsg) {

let _this = this;

if (!_this.errorList[statusName]) {

_this.errorList[statusName] = new Array();

}

_this.errorList[statusName].push(contentMsg);

setTimeout(function() {

let error= SessionStorageApi.getErrorMessage();

if (error) {

if (!_this.Iserr) {

_this.Iserr = true;

Message({

dangerouslyUseHTMLString: true,

me