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 关闭所有通知框的示例。