Skip to content

Message 消息提示

全局展示操作反馈信息

基础用法

可关闭提示

TIP

Message 拥有可控的 duration, 默认的关闭时间为 3000 毫秒,当把这个属性的值设置为0便表示该消息不会被自动关闭。

HTML 片段内容

全局方法

已经在app.config.globalProperties 添加了全局方法 $message。 在 vue 实例中你可以使用当前页面中的调用方式调用 Message

API

Message props

属性名说明类型默认值
type消息类型info success warning error
message消息文本string
duration显示时间,单位为毫秒。 设为 0 则不会自动关闭number3000
isHtml是否将 message 属性作为 HTML 片段处理booleanfalse
showClose是否显示关闭按钮booleanfalse
icon自定义图标组件Component/ string
zIndex层级number500
offset距离窗口顶部的偏移量number20

Message defineExpose

名称说明类型
closeAll关闭所有消息Function(e: any) => void