直接跳到内容

Dialog 模态对话框

Dialog 是模态对话框组件,在应用前端弹出覆盖层,阻止背景交互,适合确认操作、展示详情、表单填写等场景。支持 default slot(主体内容)和 footer slot(底部操作区)。

底层:Textual ModalScreen(自定义封装)

基本用法

Props

属性类型默认值说明
namestr自动生成对话框唯一 ID,用于区分多个对话框实例

Slots

Slot说明
default对话框主体内容区域,放置 Label、Input 等任意组件
footer对话框底部操作区域,通常放置按钮组

v-model

通过 v-model:value 控制对话框的显示/隐藏状态(True 为打开,False 为关闭)。

事件

事件说明
通过 ref 调用 .open() / .close() 控制,无特殊事件

通过 ref 调用方法

方法说明
.open()打开(显示)对话框
.close()关闭(隐藏)对话框

表单对话框示例

通用属性

所有 Textual-vuepy 组件均支持以下属性:

属性类型说明
idstr组件 CSS ID
stylestrTCSS 内联样式
classstrTCSS 类名(空格分隔)
border_titlestr边框标题
border_subtitlestr边框副标题
Dialog 模态对话框已经加载完毕