Notification 通知
悬浮出现在页面角落,显示全局的通知提醒消息。
基础用法
你可以通过设置 title
和 message
属性来设置通知的标题和正文内容。 默认情况下,通知在 4500 毫秒后自动关闭,但你可以通过设置 duration
属性来自定义通知的展示时间。 如果你将它设置为 0,那么通知将不会自动关闭。 需要注意的是 duration
接收一个 Number,单位为毫秒。
不同类型
我们提供了四种不同类型的提醒框:success
、warning
、info
和 error
。
不同风格
通知色彩更加鲜明,支持 success
、warning
、info
和 error
四种类型。
自定义消息弹出的位置
可以让 Notification 从屏幕四角中的任意一角弹出。
使用 position
属性设置 Notification 的弹出位置, 支持四个选项:top-right
、top-left
、bottom-right
和 bottom-left
, 默认为 top-right
。
Notification API
Notification 属性
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 标题 | string | - |
modelValue | 绑定值 | string | - |
duration | notification 的持续时间 | number | 4500 |
Notification 方法
名称 | 描述 | 类型 |
---|---|---|
destroy | notification 的销毁函数 | function |