naive-ui/demo/documentation/components/confirm/zhCN/index.md
2020-05-30 17:20:27 +08:00

3.2 KiB

确认 Confirm

执行之前,请确认。

演示

basic
async
use-component

API

$NConfirm API

名称 类型 说明
warning (options: ConfirmOption) => ConfirmEnvironment
success (options: ConfirmOption) => ConfirmEnvironment
error (options: ConfirmOption) => ConfirmEnvironment
destroyAll () => void

ConfirmOption API

名称 类型 默认值 说明
theme 'light' | 'dark' | null null
type 'error | 'success' | 'warning' 'warning'
title string | (() => VNode | Array<VNode>) null 可以是 render 函数
closable boolean true
icon () => VNode | Array<VNode> null 需要是 render 函数
negative-text string null 不填对应的按钮不会出现
positive-text string null 不填对应的按钮不会出现
content string | (() => VNode | Array<VNode>) null 可以是 render 函数
show-icon boolean true
loading boolean false
bordered boolean false
onPositiveClick () => boolean | Promise<boolean> | any () => true 默认行为是关闭确认框。返回 false 或者 resolve false 或者 Promise 被 reject 会避免默认行为
onNegativeClick () => boolean | Promise<boolean> | any () => true 默认行为是关闭确认框。返回 false 或者 resolve false 或者 Promise 被 reject 会避免默认行为
onClose () => boolean | Promise<boolean> | any () => true 默认行为是关闭确认框。返回 false 或者 resolve false 或者 Promise 被 reject 会避免默认行为

ConfirmEnvironment API

ConfirmEnvironment Properties

下列属性都可以被动态修改。

名称 类型 说明
theme 'light' | 'dark'
type 'error | 'success' | 'warning'
title string | (() => VNode | Array<VNode>) 可以是 render 函数
closable boolean
icon () => VNode | Array<VNode> 需要是 render 函数
negative-text string 不填对应的按钮不会出现
positive-text string 不填对应的按钮不会出现
content string | (() => VNode | Array<VNode>) 可以是 render 函数
show-icon boolean
loading boolean
bordered boolean
onPositiveClick () => boolean | Promise<boolean> | any
onNegativeClick () => boolean | Promise<boolean> | any
onClose () => boolean | Promise<boolean> | any

ConfirmEnvironment Methods

名称 类型 说明
hide () 关闭 Confirm

Props

Confirm Props

名称 类型 默认值 说明
type 'error | 'success' | 'warning' 'warning'
title string | (() => VNode | Array<VNode>) null 可以是 render 函数
closable boolean boolean
icon () => VNode | Array<VNode> null 需要是 render 函数
negative-text string null 不填对应的按钮不会出现
positive-text string null 不填对应的按钮不会出现
content string | (() => VNode | Array<VNode>) null 可以是 render 函数
show-icon boolean true
loading boolean false
bordered boolean false

Events

Confirm Events

名称 参数 说明
positive-click ()
negative-click ()
close ()

Slots

Confirm Slots

名称 参数 说明
icon ()
header ()
default () 内容
action ()