elementUI message 简化使用封装

Love The Way You Lie 2022-08-30 06:38 275阅读 0赞

内容

  1. // message.js
  2. import {  Message } from 'element-ui'
  3. let messageInstance = null
  4. export const message = options => { 
  5.     if (messageInstance) { 
  6.         messageInstance.close()
  7.     }
  8.     messageInstance = Message(options)
  9. }
  10. ;['error', 'success', 'info', 'warning'].forEach(type => { 
  11.     message[type] = options => { 
  12.         if (typeof options === 'string') { 
  13.             options = { 
  14.                 message: options
  15.             }
  16.         }
  17.         options.type = type
  18.         return message(options)
  19.     }
  20. })

导入

  1. import { message } from '@/utils/message'

使用

  1. message.error(msg)

发表评论

表情：
评论列表 （有 0 条评论，275人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue结合ElementUI封装菜单管理

    前言 本文将介绍如何使用Vue和ElementUI开发一个简单的菜单管理系统。菜单管理系统可以让用户方便地添加、修改和删除菜单，是很多网站和应用程序的基础管理功能之一。

    男娘i男娘i/ 0 赞/ 115 阅读