naive-ui/demo/documentation/components/notification/zhCN/index.md

通知 Notification

通知某人。

UI 同志很早就设计完了。但是，你也知道，像是通知组件这种东西优先级不那么高，所以我可以弄一堆没什么用的动画上去。

演示

basic
type
change-content
scrollable
closable
duration

API

$Notification API

$NNotification Methods

名称	类型	说明
open	(option: NotificationOption, type: string = 'default') => NotificationEnvironment	type 可以是 'default', 'warning', 'info', 'success' 或 'error'
success	(option: NofiticationOption) => NotificationEnvironment
info	(option: NofiticationOption) => NotificationEnvironment
warning	(option: NofiticationOption) => NotificationEnvironment
error	(option: NofiticationOption) => NotificationEnvironment

$Notification Properties

名称	类型	默认值	说明
scrollable	boolean	false

NotificationOption API

NotificationOption Type

名称	类型	默认值	说明
theme	'light' | 'dark'	null
avatar	() => VNode | Array<VNode>	null	可以是 render 函数
title	string | (() => VNode | Array<VNode>)	null	可以是 render 函数
description	string | (() => VNode | Array<VNode>)	null	可以是 render 函数
content	string | (() => VNode | Array<VNode>)	null	可以是 render 函数
meta	string | (() => VNode | Array<VNode>)	null	可以是 render 函数
action	string | (() => VNode | Array<VNode>)	null	可以是 render 函数
closable	boolean	true
onClose	() => boolean | Promise<boolean> | any	() => {}	关闭通知的回调。返回 false、Promise resolve false 或者 reject 会取消这次关闭
onAfterHide	function	null
onAfterShow	function	null
duration	number	null	如果没有设定则不会自动关闭，单位毫秒

NotificationEnvironment API

NotificationEnvironment Properties

NofiticationEnvironment 实例的属性可以被动态改变。

名称	类型	说明
avatar	() => VNode | Array<VNode>	可以是 render 函数
title	string | (() => VNode | Array<VNode>)	可以是 render 函数
description	string | (() => VNode | Array<VNode>)	可以是 render 函数
content	string | (() => VNode | Array<VNode>)	可以是 render 函数
meta	string | (() => VNode | Array<VNode>)	可以是 render 函数
action	string | (() => VNode | Array<VNode>)	可以是 render 函数
closable	boolean
onClose	(next: function) => any	点击了关闭按钮的回调。只有调用了 next 通知才会被关闭
onHide	function
onAfterHide	function
onAfterShow	function

NotificationEnvironment Methods

名称	类型	说明
hide	()