Skip to content

打开对话框

本节介绍打开对话框的相关设置。对话框基于 ElementPlus 的 el-dialog 组件实现。

参数设置

参数说明备注
对话框 Id自动生成的唯一标识提供复制按钮,可快速复制该 Id
标题标题显示文本
中心区域宽度对话框中心区域的宽度
中心区域高度对话框中心区域的高度
页面 Id对话框中心区域加载的页面 Id
页面参数配置页面的容器参数,JSON 对象格式
遮罩层是否显示遮罩层默认显示
自定义位置是否自定义对话框弹出位置默认不开启,即沿用 ElementPlus 的默认弹出位置
显示标题栏是否显示标题栏默认显示
显示底部栏是否显示底部栏默认显示
关闭按钮是否显示关闭按钮默认显示
启用可拖拽是否支持拖拽移动默认不开启,即对话框不能拖拽位置
无背景色是否移除默认背景色默认使用 ElementPlus 的对话框默认背景色
额外参数对话框的其他扩展参数以 JSON 对象格式配置
关闭前回调关闭前的回调处理函数自定义函数,处理关闭前的回调操作
确认回调确认操作的回调处理函数自定义函数,处理确认回调操作
左侧对话框左侧位置偏移量开启自定义位置时生效,相对于触发组件的左侧偏移量
顶部对话框顶部位置偏移量开启自定义位置时生效,相对于触发组件的顶部偏移量

打开对话框示意图

TIP

对话框中心区域渲染一个配置的页面,所以添加页面的PageId,如页面需要容器参数时,配置页面参数中。

基于 VitePress 构建