Confirm 确认框
Promise 式确认对话框。「宿主组件 + composable」双件套:LxConfirmHost 在应用根部挂一次,任意组件里 await confirm({...})。
挂载宿主
vue
<!-- App.vue(应用根部,一次) -->
<template>
<RouterView />
<LxConfirmHost />
</template>
<script setup lang="ts">
import { LxConfirmHost } from '@luxeanor/ui'
</script>本文档站已在布局根部挂好宿主,下方 demo 可直接点。
用法
破坏性操作(删除/作废/移除)传 danger: true,确认按钮变 danger 形态:
API
useConfirm().confirm(options): Promise<boolean>
ConfirmOptions:
| 字段 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| title | string | — | 标题 |
| message | string | — | 内容(必填) |
| confirmText | string | '确定' | 确认按钮文案 |
| cancelText | string | '取消' | 取消按钮文案 |
| danger | boolean | false | 破坏性操作(确认按钮 danger 变体) |
- resolve
true(确认)/false(取消) - 新确认发起时,未决的旧确认以
false收尾,不悬挂 Promise - SSR 下直接 resolve
false
完整机制说明见 useConfirm。