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

     


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM