Skip to content

Notification 通知

悬浮出现在页面角落,显示全局的通知提醒消息。

基础用法

你可以通过设置 titlemessage 属性来设置通知的标题和正文内容。 默认情况下,通知在 4500 毫秒后自动关闭,但你可以通过设置 duration 属性来自定义通知的展示时间。 如果你将它设置为 0,那么通知将不会自动关闭。 需要注意的是 duration 接收一个 Number,单位为毫秒。

不同类型

我们提供了四种不同类型的提醒框:successwarninginfoerror

不同风格

通知色彩更加鲜明,支持 successwarninginfoerror 四种类型。

自定义消息弹出的位置

可以让 Notification 从屏幕四角中的任意一角弹出。

使用 position 属性设置 Notification 的弹出位置, 支持四个选项:top-righttop-leftbottom-rightbottom-left, 默认为 top-right

Notification API

Notification 属性

属性说明类型默认值
title标题string-
modelValue绑定值string-
durationnotification 的持续时间number4500

Notification 方法

名称描述类型
destroynotification 的销毁函数function