Skip to content

Dialog 对话框

基础用法

在保留当前页面状态的情况下,告知用户并承载相关操作。 绑定 v-model 到一个 Boolean 类型的变量。

自定义内容

对话框的内容可以是任何东西。

自定义标题

可用于自定义显示标题区域。为了保持可用性,除了使用此插槽外,使用 title 属性来指定哪些元素应该读取为对话框标题。

Dialog API

Dialog 属性

属性说明类型默认值
title标题string-
modelValue绑定值string-
widthdialog 的宽度string30%
top距顶部距离string15vh

Dialog 插槽

插槽名说明
titledialog 的标题部分
footerdialog 的 footer 部分