Skip to content
On this page

Modal 对话框

模态对话框。

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

基础用法

属性

属性名说明类型可选值默认值
model-value / v-model是否显示对话框boolean--
title标题string--
width宽度string | number-416
destroyOnClose当关闭 Modal 时,销毁其中的元素boolean-false
footer是否显示底部内容boolean-true
confirmLoading确定按钮 loadingboolean-false
cancelText取消按钮文字string-取消
okText确认按钮文字string-确认
okButton是否显示确认按钮boolean-true
draggable是否可拖拽boolean-false

事件

事件名说明参数
close对话框关闭的回调-
closed对话框关闭动画结束时的回调-
ok点击确定回调-