Vue+$message弹框显示一次

Vue中$message多次弹出时只显示一次

lib文件下定义resetMessage.js

代码片段

import { Message } from 'element-ui';
let messageInstance = null;
const resetMessage = (options) => {
  if (messageInstance) {
    messageInstance.close()
  }
  messageInstance = Message(options)
};

['error', 'success', 'info', 'warning'].forEach(type => {
    resetMessage[type] = options => {
      if (typeof options === 'string') {
        options = {
          message: options
        }
      }
      options.type = type
      return resetMessage(options)
    }
  })
 
export const message = resetMessage

配置文件main.js

// 导入 $message 配置文件
import { message } from '@/lib/resetMessage';
Vue.use(ElementUi)
//$message的注册
Vue.prototype.$message = message;