模态对话框。
何时使用 #
需要用户处理事务,又不希望跳转页面以致打断工作流程时,可以使用 Modal
在当前页面正中打开一个浮层,承载相应的操作。
另外当需要一个简洁的确认框询问用户时,可以使用 Modal.confirm()
等语法糖方法。
API#
#
参数 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
afterClose | Modal 完全关闭后的回调 | function | 无 | |
bodyStyle | Modal body 样式 | object | {} | |
cancelText | 取消按钮文字 | string| slot | 取消 | |
centered | 垂直居中展示 Modal | Boolean | false |
|
closable | 是否显示右上角的关闭按钮 | boolean | true | |
closeIcon | 自定义关闭图标 | VNode | slot | - | |
confirmLoading | 确定按钮 loading | boolean | 无 | |
destroyOnClose | 关闭时销毁 Modal 里的子元素 | boolean | false | |
footer | 底部内容,当不需要默认底部按钮时,可以设为 :footer="null" |
string|slot | 确定取消按钮 | |
forceRender | 强制渲染 Modal | boolean | false | |
getContainer | 指定 Modal 挂载的 HTML 节点 | (instance): HTMLElement | () => document.body | |
keyboard | 是否支持键盘 esc 关闭 | boolean | true | |
mask | 是否展示遮罩 | Boolean | true | |
maskClosable | 点击蒙层是否允许关闭 | boolean | true | |
maskSt |