-
Notifications
You must be signed in to change notification settings - Fork 0
JModal
xinwu-yang edited this page Mar 1, 2023
·
1 revision
一个基于ant design Modal组件二次封装的弹窗组件,支持设置全屏弹窗。
<template>
<j-modal title="弹窗标题" width="1200" :visible="visible" :switchFullscreen="true">
弹窗内容部分
</j-modal>
</template>
<script>
export default {
data() {
return {
visible: false
}
}
}
</script>
属性 | 说明 | 类型 | 必填 | 默认值 |
---|---|---|---|---|
title | 标题 | string | ||
visible(.sync) | 是否显示弹窗 | boolean | false | |
fullscreen(.sync) | 是否全屏 | boolean | false | |
switchFullscreen | 是否允许切换全屏 | boolean | false | |
okClose | 点确定按钮时是否关闭弹窗 | boolean | true | |
其他属性 | 参考ant design Modal组件 |
事件名称 | 说明 | 回调参数 |
---|---|---|
ok | 点击确定按钮时调用 | function(e) |
cancel | 点击取消按钮时调用 | function(e) |