# 7.8 确认框（Confirm Box）

底部内容容器，带标题和关闭按钮，适合承载自定义表单或操作内容。

# 基础用法

<template>
  <dof-confirm-box ref="confirmBox" :show="showConfirm" title="编辑信息">
    <text>自定义内容</text>
  </dof-confirm-box>
</template>
1
2
3
4
5

# Attributes

Prop Type Required Default Description
show Boolean N false 是否显示
height Number N 600 高度
title String N '' 标题
left-btn-text String N 取消 预留属性；当前组件未渲染操作按钮
right-btn-text String N 确定 预留属性；当前组件未渲染操作按钮
need-dark-mode Boolean N false 是否启用 M-dark/T-dark 内置暗黑适配
isRTL Boolean N false 是否启用 RTL（从右到左）布局；默认关闭 ^2.5.10

设置 :need-dark-mode="true" 可启用内置暗黑配色，主题初始化与构建配置见 接入说明。

# Events

事件名 说明 回调参数
dofPopupOverlayClicked 点击遮罩层或关闭按钮后，关闭动画完成时触发 -

# Methods

方法名 说明
open() 通过 ref 显示确认框并执行入场动画
cancel() 通过 ref 隐藏确认框并执行退场动画

注意

当前组件的左右按钮模板处于注释状态，leftBtnClick 和 rightBtnClick 方法不会由页面 UI 触发。需要确认/取消操作时，请在默认插槽中自行提供按钮。