简介
模态框,基于layer-vue
封装
使用示例
template
<mb-modal
ref="magicModal"
title="标题"
width="900px"
@confirm="save($event)"
>
内容
</mb-modal>
modal props
名称 | 类型 | 默认值 | 说明 | 版本 |
---|---|---|---|---|
title | String | '' | 标题 | |
width | String | auto | 宽度 | |
height | String | auto | 高度 | |
shadeClose | Boolean | false | 遮盖层关闭 | |
shade | Boolean | true | 遮盖层 | |
resize | Boolean | true | 拉伸 | |
maxmin | Boolean | true | 缩放 | |
shadeOpacity | String | 0.4 | 遮盖层透明度 | |
showFooter | Boolean | true | 是否显示底部按钮 | |
buttons | Array | undefined | 底部按钮,详见buttons |
modal buttons props
名称 | 类型 | 默认值 | 说明 | 版本 |
---|---|---|---|---|
text | String | undefined | 按钮文本 | |
callback | Function | undefined | 点击回调 |
modal methods
方法名称 | 参数 | 返回值 | 说明 | 版本 |
---|---|---|---|---|
show | () | void | 显示模态框 | |
hide | () | void | 隐藏模态框 | |
loading | () | void | 显示loading | |
hideLoading | () | void | 隐藏loading |
modal 事件
方法名称 | 参数 | 返回值 | 说明 | 版本 |
---|---|---|---|---|
confirm | (loading: Function, hideLoading: Function, hide: Function, title: String) | void | 点击确认时回调 |