naive-ui/demo/documentation/components/notification/zhCN/index.md
2020-02-28 16:03:33 +08:00

2.7 KiB

通知 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

名称 类型 默认值 说明
avatar string | (function:() => VNode|Array<VNode>) null 可以是 render 函数
title string | (function:() => VNode|Array<VNode>) null 可以是 render 函数
description string | (function:() => VNode|Array<VNode>) null 可以是 render 函数
content string | (function:() => VNode|Array<VNode>) null 可以是 render 函数
meta string | (function:() => VNode|Array<VNode>) null 可以是 render 函数
action string | (function:() => VNode|Array<VNode>) null 可以是 render 函数
closable boolean true
onClose (next: function) => any next => next() 只有调用了 next 通知才会被关闭
onAfterHide function null
onAfterShow function null
duration number null 如果没有设定则不会自动关闭,单位毫秒

NotificationEnvironment API

NotificationEnvironment Properties

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

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

NotificationEnvironment Methods

名称 类型 说明
hide ()