Skip to content

# 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` `() => void`