proPanel 组件
- proPanel 组件,用于生成弹窗和抽屉。
用法
js
import { proPanel } from "profield";
使用
html
<proPanel
:width="width"
:visible="visible"
title="商品详情"
@cancel="cancel()"
@ok="submit"
:use-drawer="useDrawer"
:confirm-loading="addloading || updateloading || loading"
>
<Spin :spinning="loading">
<proEditor :upload-func="upload" v-model:value="editorData" />
</Spin>
</proPanel>
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
width | 宽度 | number | 1000 |
visible(v-model) | 是否显示 | boolean | false |
title | 标题 | string | '' |
confirmLoading | 确定按钮加载状态 | boolean | false |
useDrawer | 是否使用抽屉 | boolean | false |
destroyOnClose | 关闭时销毁 | boolean | false |
noDrawerOrModal | 不使用抽屉和弹窗 | boolean | false |
事件
事件名 | 说明 | 回调参数 |
---|---|---|
ok | 点击确定按钮 | () => void |
cancel | 点击取消按钮 | () => void |
Slots
名称 | 说明 |
---|---|
default | 内容 |
footer | 底部内容,只在Drawer可用 |