设置Element UI 在vue中每次只弹出一个 message消息

42 阅读1分钟

简单粗暴,直接在main.js文件中添加以下代码就可以

import { Message } from 'element-ui'
const overrideMessage = (options) => {
  // 每次调用先关闭之前 message
  Message.closeAll()
  Message(options)
};
['error', 'success', 'info', 'warning'].forEach(type => {
  overrideMessage[type] = options => {
    if (typeof options === 'string') {
      options = {
        message: options,
      }
    }
    options.type = type
    return overrideMessage(options)
  }
})
Vue.prototype.$message = overrideMessage