消息通知 Notification

演示

基本用法

不同类型的通知

自定义消息弹出的位置

有位置偏移的通知栏

使用 HTML 片段作为正文内容

有操作按钮的通知栏

API

属性

名称类型可选值默认值是否必填说明
titlestring标题
typestringsuccess / info/ error / warning通知类型
contentstring/Vue.VNode通知栏正文内容
dangerouslyUseHTMLStringbooleantrue / falsefalse是否将 content 属性作为 HTML 片段处理
customClassstring自定义类名
durationnumber5000显示时间, 单位为毫秒。 值为 0 则不会自动关闭
positionnumbertopLeft / topRight / bottomLeft / bottomRighttopRight自定义弹出位置
zIndexnumber层级
showClosebooleantrue / falsetrue是否显示关闭按钮
onClickfunction点击 Notification 时的回调函数
onClosefunction关闭时的回调函数
offsetnumber相对屏幕顶部的偏移量 偏移的距离,在同一时刻,所有的 Notification 实例应当具有一个相同的偏移量
appendToHTMLElementdocument.body设置通知栏在 DOM 中的父元素
footerarray[footerParams]设置底部操作按钮

footerParams属性

名称类型可选值默认值是否必填说明
textstring按钮文本
sizestringlarge / medium / smallmedium按钮大小
typestringdefault / primary / error / link / textlink按钮类型
actionfunction按钮点击后的回调close()可以关闭当前按钮

Notification 方法

方法名参数说明
onClick(Notification)关闭指定的 Notification

最近更新于: