vue调用接口失败elementUi的弹出框会弹出多个问题

解决办法：在main.js中重写 message；

修改代码如下：

import Vue from 'vue'
...
//此处引入Message在下方使用
import ElementUI, { Message } from 'element-ui';
...
Vue.use(ElementUI, { zhLocale });
//下边代码便是重写的massage
let messageInstance = null;
const message = (options) => {
  debugger
    if(messageInstance) {
        messageInstance.close()
    }
    messageInstance = Message(options)
};
['error','success','info','warning'].forEach(type => {
  message[type] = options => {
        if(typeof options === 'string') {
            options = {
                message:options
            }
        }
        options.type = type
        return message(options)
    }
 })
//指定一下新的给全局
Vue.prototype.$message = message;

 

 

 

 

如果解决了您的问题请三连，感谢感谢。