elementUI的message消息提示改成只能同时存在一个

  1. 封装单例message:
    import {
      Message
    } from 'element-ui'
    
    let messageInstance = null
    
    const resetMessage = (options) => {
      if (messageInstance) {
        messageInstance.close()
      }
      messageInstance = Message(options)
      return messageInstance
    }
    
    ['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
  2. 在main.js中挂载ElementUI之后把封装的消息提示message挂载到Vue原型上:
    import 引入 message
    
    //
    Vue.use(ElementUI)
    
    // 后:覆盖前面挂载的$message
    Vue.prototype.$message = message
声明:此资源由本博客收集整理,只用于记录心得和交流学习,请勿用作它途。如有侵权,请联系, 删除处理。
原文地址:https://www.cnblogs.com/jzyu/p/13754942.html