# Message 全局提示

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

WinDesign 为 Vue.prototype 添加了全局方法 $Message。因此在 vue instance 中可以采用本页面中的方式调用 Message 。

单独引入 Message ：

import { Message } from 'win-design'

此时调用方法为 Message(options)。我们也为每个 type 定义了各自的方法，如 Message.success(options)。并且可以调用 Message.closeAll() 手动关闭所有实例。

参数	说明	类型	可选值	默认值	Version
close-text	文本形式的关闭按钮	String	—	—	v2.0.0
custom-class	自定义类名	String	—	—
dangerously-use-html-string	是否将 message 属性作为 HTML 片段处理	Boolean	—	false
detail	详情内容	String	—	—	v2.0.0
duration	显示时间, 毫秒。设为 0 则不会自动关闭	Number	—	3000
icon-class	自定义图标的类名，会覆盖 `type`	String	—	—
message	消息文字	String \| VNode	—	—
on-close	关闭时的回调函数, 参数为被关闭的 message 实例	Function	—	—
offset	Message 距离窗口顶部的偏移量	Number	—	20
show-close	是否显示关闭按钮	Boolean	—	false
type	消息类型	String	'success' \| 'warning' \| 'info' \| 'error'	—	v2.0.0

调用 Message 或 this.$Message 会返回当前 Message 的实例。如果需要手动关闭实例，可以调用它的 close 方法。

方法名	说明	Version
close	关闭当前的 Message