cl-dialog
自定义对话框组件,该组件继承 el-dialog 并享有它的参数和方法
示例
基础用法
v-model 控制对话框的显示隐藏
关闭前操作
添加 before-close 方法:
- done() 关闭
参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| v-model/modelValue | 是否显示 | boolean | false | |
| title | 标题 | string | 对话框 | |
| height | 高度 | string | auto | |
| width | 宽度 | string | 50% | |
| fullscreen | 是否全屏显示 | boolean | false | |
| controls | 头部操作按钮 | array | ["fullscreen", "close"] | |
| hideHeader | 隐藏头部元素 | boolean | false | |
| keepAlive | 是否缓存 | boolean | false | |
| draggable | 能否拖拽 | boolean | false | |
| before-close | 关闭前钩子 | function(done) | ||
| custom-class | 自定义样式名 | string |
事件
| 参数 | 说明 |
|---|---|
| open | 打开的回调 |
| opened | 打开动画结束时的回调 |
| close | 关闭的回调 |
| closed | 关闭动画结束时的回调 |
插槽
| 参数 | 说明 |
|---|---|
| default | 内容区域 |
| footer | 底部区域 |

