zoukankan      html  css  js  c++  java
  • 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
    声明:此资源由本博客收集整理,只用于记录心得和交流学习,请勿用作它途。如有侵权,请联系, 删除处理。
  • 相关阅读:
    设计模式
    设计模式
    设计模式
    设计模式
    设计模式
    设计模式
    OpenGL学习 (一)
    C#
    Unity
    [开发ing] Unity项目
  • 原文地址:https://www.cnblogs.com/jzyu/p/13754942.html
Copyright © 2011-2022 走看看