继承
Panel
用法
<Dialog ref="d1"
:title="'Draggable And Resizable'"
:dialogStyle="{width:'400px',height:'200px'}"
:modal="true"
:draggable="true"
:resizable="true">
<p style="text-align:center;margin:50px 0;font-size:16px">对话框内容。</p>
</Dialog>
属性
名称 |
类型 |
描述 |
默认 |
title |
string |
对话框标题。 |
null |
border |
boolean |
定义是否显示边框。 |
false |
borderType |
string |
定义对话框边框类型。可选值为:thin,thick,none |
thick |
closable |
boolean |
定义是否显示关闭按钮。 |
true |
modal |
boolean |
定义对话框是否是模态对话框。 |
false |
事件
名称 |
参数 |
描述 |
open |
none |
对话框打开时触发。 |
close |
none |
对话框关闭时触发。 |
方法
名称 |
参数 |
返回值 |
描述 |
open |
none |
void |
打开对话框 |
close |
none |
void |
结束对话框 |
moveToTop |
none |
void |
对话框移动到屏幕上方 |
center |
none |
void |
在屏幕上居中显示对话框 |
hcenter |
none |
void |
对话框只能水平居中 |
vcenter |
none |
void |
对话框只能垂直居中 |