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

     

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-07
  • 2021-10-03
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案