Message 消息提示

常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。

基本用法

从顶部出现,3 秒后自动消失。

显示代码

不同状态

用来显示「成功、警告、消息、错误」类的操作反馈。

显示代码

自定义

用来显示「成功、警告、消息、错误」类的操作反馈。

显示代码

参数

你可以通过修改$.messageDefaults来修改全局默认配置,也可以在初始化时传入指定配置$.message({xx: xx})

参数 说明 类型 可选值 默认值
message 消息文字,支持html string - ''
type 主题 string success/warning/info/error 'info'
iconClass 自定义图标的类名,会覆盖 type string - -
customClass 自定义类名 string - -
duration 显示时间, 毫秒。设为 0 则不会自动关闭 number - 3000
showClose 是否显示关闭按钮 boolean - false
center 文字是否居中 boolean - false
onClose 关闭时的回调函数, 参数为被关闭的 message 的JQuery实例 function - -

方法

调用 $.message() 会返回当前 Message 的JQuery实例。如果需要手动关闭实例,可以调用它的 close 方法。

方法名 说明 示例
close 关闭当前的 Message _m = $.message(); _m.close();

提示

你也可以用$('.el-message').data('u-message-close')获取close方法,可参考 Notification 关闭所有通知框的示例。