属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
modelValue(v-model) | 是否显示 | boolean | - |
title | 标题 | string | - |
description | 描述 | string | - |
icon | 图标 | 'info' | 'success' | 'warning' | 'error' | - |
loading | 是否加载中 | boolean | - |
closable | 是否显示关闭按钮 | boolean | true |
maximize | 是否最大化 | boolean | false |
maximizable | 是否显示最大化按钮 | boolean | false |
draggable | 是否可拖动 | boolean | false |
center | 是否内容居中 | boolean | false |
border | 是否显示边框 | boolean | true |
alignCenter | 是否窗口居中 | boolean | false |
overlay | 是否显示遮罩 | boolean | true |
overlayBlur | 是否开启遮罩模糊 | boolean | false |
showConfirmButton | 是否显示确认按钮 | boolean | true |
showCancelButton | 是否显示取消按钮 | boolean | false |
confirmButtonText | 确认按钮文本 | string | '确认' |
cancelButtonText | 取消按钮文本 | string | '取消' |
confirmButtonDisabled | 确认按钮是否禁用 | boolean | false |
confirmButtonLoading | 确认按钮是否加载中 | boolean | false |
header | 是否显示头部内容 | boolean | true |
footer | 是否显示底部内容 | boolean | true |
closeOnClickOverlay | 是否点击遮罩关闭 | boolean | true |
closeOnPressEscape | 是否按下 ESC 关闭 | boolean | true |
class | 自定义类名 | string | - |
headerClass | 头部自定义类名 | string | - |
contentClass | 内容自定义类名 | string | - |
footerClass | 底部自定义类名 | string | - |
插槽名 | 说明 |
---|---|
default | 自定义默认内容 |
header | 头部内容 |
footer | 底部内容 |
事件名 | 说明 | 回调参数 |
---|---|---|
open | 打开时触发 | () => void |
opened | 打开动画结束时触发 | () => void |
close | 关闭时触发 | () => void |
closed | 关闭动画结束时触发 | () => void |
confirm | 确认时触发 | () => void |
cancel | 取消时触发 | () => void |