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 | 底部区域 |