Skip to content

# Dialog 对话框 ​

## 基础用法 ​

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

## 自定义内容 ​

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

## 自定义标题 ​

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

## Dialog API ​

### Dialog 属性 ​

属性 | 说明 | 类型 | 默认值
--- | --- | --- | ---
`title` | 标题 | `string` | -
`modelValue` | 绑定值 | `string` | -
`width` | dialog 的宽度 | `string` | 30%
`top` | 距顶部距离 | `string` | 15vh

### Dialog 插槽 ​

插槽名 | 说明
--- | ---
`title` | dialog 的标题部分
`footer` | dialog 的 `footer` 部分