element-ui message 方法重写

背藏玫瑰

于 2022-10-20 11:21:40 发布

阅读量376

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_41127362/article/details/127408841

版权

这段代码导入了Element-UI的Message组件，并定义了一个名为resetMessage的函数来关闭当前消息实例并创建新的消息。还为错误、成功、信息和警告四种类型的消息提供了快捷方法。最后，将resetMessage挂载到Vue的原型上，使得在Vue应用中可以方便地调用全局的$message方法。

摘要由CSDN通过智能技术生成

utils/resetMessage.js

import {
  Message
} from 'element-ui'
let messageInstance = null
const resetMessage = (options) => {
  if (messageInstance) {
    messageInstance.close()
  }
  messageInstance = Message(options)
};
['error', 'success', 'info', 'warning'].forEach(type => {
  resetMessage[type] = options => {
    if (typeof options === 'string') {
      options = {
        message: options
      }
    }
    options.type = type
    return resetMessage(options)
  }
})
export default resetMessage

import resetMessage from './utils/resetMessage'
Vue.prototype.$message = resetMessage