Skip to content

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

字段类型默认值说明
titlestring标题
messagestring内容(必填)
confirmTextstring'确定'确认按钮文案
cancelTextstring'取消'取消按钮文案
dangerbooleanfalse破坏性操作(确认按钮 danger 变体)
  • resolve true(确认)/ false(取消)
  • 新确认发起时,未决的旧确认以 false 收尾,不悬挂 Promise
  • SSR 下直接 resolve false

完整机制说明见 useConfirm