Appearance
ContentViewer 内容预览对话框
内容预览模态对话框。
用户可以通过打开浮层方式,放大相应的内容区域。
基础用法
属性
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| model-value / v-model | 是否显示对话框 | boolean | - | - |
| width | 宽度 | string | number | - | 800 |
| maxHeight | 内容最大高度 | number | - | 400 |
| destroyOnClose | 当关闭 Modal 时,销毁其中的元素 | boolean | - | true |
| draggable | 是否可拖拽 | boolean | - | false |
| appendToBody | 自身是否插入至 body 元素上。 | boolean | true | |
| closeOnClickModal | 是否可以通过点击遮罩关闭 | boolean | true | |
| closeOnPressEscape | 是否可以通过按下 ESC 关闭 | boolean | false |
slots
| 插槽名 | 说明 |
|---|---|
| - | Modal 的内容 |
事件
| 事件名 | 说明 | 参数 |
|---|---|---|
| open | 打开的回调 | - |
| close | 对话框关闭的回调 | - |
| closed | 对话框关闭动画结束时的回调 | - |