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