Skip to content

简介

模态框,基于layer-vue封装

使用示例

template
<mb-modal 
    ref="magicModal"
    title="标题"
    width="900px"
    @confirm="save($event)"
>
    内容
</mb-modal>
名称类型默认值说明版本
titleString''标题
widthStringauto宽度
heightStringauto高度
shadeCloseBooleanfalse遮盖层关闭
shadeBooleantrue遮盖层
resizeBooleantrue拉伸
maxminBooleantrue缩放
shadeOpacityString0.4遮盖层透明度
showFooterBooleantrue是否显示底部按钮
buttonsArrayundefined底部按钮,详见buttons
名称类型默认值说明版本
textStringundefined按钮文本
callbackFunctionundefined点击回调
方法名称参数返回值说明版本
show()void显示模态框
hide()void隐藏模态框
loading()void显示loading
hideLoading()void隐藏loading
方法名称参数返回值说明版本
confirm(loading: Function, hideLoading: Function, hide: Function, title: String)void点击确认时回调