mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-12 12:25:16 +08:00
3.2 KiB
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 | () |