# Modal 模态框
# 概述
主要用于在不跳转页面的前提下,在当前流程里面展示部分内容,可以是表单可以是一大段描述。
# 代码示例
# API
通过组件实例的show
方法显示模态框
this.$refs.modal.show()
# Props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 主标题 | String | null |
subTitle | 副标题 | String | null |
width | 模态框的宽度 | Number | 400 |
closeOnClickShadow | 点击背景是否关闭modal | Boolean | true |
canFullScreen | 是否显示全屏按钮 | Boolean | false |
disableEsc | 是否禁止使用ESC关闭模态框 | Boolean | false |
beforeClose | 关闭前执行的函数,必须返回promise | Function | null |
# Events
事件名 | 说明 | 返回值 |
---|---|---|
on-close | 关闭模态框时触发 | () => void |
on-scroll | 滚动模态框时触发 | (event) => void |