对话框 Modal

模态对话框。

如何使用

需要用户处理事务,又不希望跳转页面以致打断工作流程时,可以使用 Modal 在当前页面正中打开一个浮层,承载相应的操作。

代码演示

基本用法

最基本的用法

API

属性

Modal 的属性说明如下:

属性说明类型默认值版本
afterCloseModal 完全关闭后的回调function-
bodyStyleModal body 样式CSSProperties
cancelText取消按钮文字string取消
centered垂直居中展示 Modalbooleanfalse
confirmLoading确定按钮 loadingbooleanfalse
destroyOnClose关闭时销毁 Modal 里的子元素booleanfalse
footer底部内容,当不需要默认底部按钮时,可以设为 :footer="null"slot(确定取消按钮)
forceRender强制渲染 Modalbooleanfalse
mask是否展示遮罩booleantrue
maskClosable点击蒙层是否允许关闭booleantrue
okText确认按钮文字string确定
style可用于设置浮层的样式,调整浮层位置等CSSProperties-
title标题string-
open对话框是否可见boolean-
width宽度string | number520
wrapClassName对话框外层容器的类名string-
zIndex设置 Modal 的 z-indexnumber1000
onCancel点击遮罩层或右上角叉或取消按钮的回调function(e){}-
onOk点击确定回调function(e){}-
最近更新: