naive-ui/demo/documentation/components/message/zhCN/index.demo-entry.md
2020-09-14 15:38:46 +08:00

1.7 KiB

信息 Message

(一般是)从浏览器顶部降下来的神谕。

以下所有例子需要 n-message-provider 的包裹,并在组件中注入 message。

演示

basic
icon
timing
closable
modify-content
manually-close
about-theme

API

MessageProvider Props

名称 类型 默认值 说明
to string | HTMLElement 'body' Message 容器节点的位置

MessageProvider Injection API

MessageProvider Injection Methods

名称 类型 说明
info (content: string, option?: MessageOption) => MessageReactive
success (content: string, option?: MessageOption) => MessageReactive
warning (content: string, option?: MessageOption) => MessageReactive
error (content: string, option?: MessageOption) => MessageReactive
loading (content: string, option?: MessageOption) => MessageReactive

MessageOption Properties

名称 类型 说明
closable boolean
content string | (() => VNode | Array<VNode>) 信息内容
icon () => VNode 信息图标
onAfterLeave Function 信息消失动画结束的回调
onLeave Function 信息开始消失的回调
theme 'light' | 'dark' | string | null

MessageReactive Properties

名称 类型 说明
closable boolean
content string | (() => VNode | Array<VNode>) 信息内容
icon () => VNode 信息图标
onAfterLeave Function 信息消失动画结束的回调
onLeave Function 信息开始消失的回调
theme 'light' | 'dark' | string | null
type 'info' | 'success' | 'warning' | 'error' | 'loading'

MessageReactive Methods

名称 类型 说明
destroy ()