Skip to content

cl-dialog

自定义对话框组件,该组件继承 el-dialog 并享有它的参数和方法

示例

基础用法

v-model 控制对话框的显示隐藏

关闭前操作

添加 before-close 方法:

  • done() 关闭

参数

参数说明类型可选值默认值
v-model/modelValue是否显示booleanfalse
title标题string对话框
height高度stringauto
width宽度string50%
fullscreen是否全屏显示booleanfalse
controls头部操作按钮array["fullscreen", "close"]
hideHeader隐藏头部元素booleanfalse
keepAlive是否缓存booleanfalse
draggable能否拖拽booleanfalse
before-close关闭前钩子function(done)
custom-class自定义样式名string

事件

参数说明
open打开的回调
opened打开动画结束时的回调
close关闭的回调
closed关闭动画结束时的回调

插槽

参数说明
default内容区域
footer底部区域