Skip to content

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宽度number1000
visible(v-model)是否显示booleanfalse
title标题string''
confirmLoading确定按钮加载状态booleanfalse
useDrawer是否使用抽屉booleanfalse
destroyOnClose关闭时销毁booleanfalse
noDrawerOrModal不使用抽屉和弹窗booleanfalse

事件

事件名说明回调参数
ok点击确定按钮() => void
cancel点击取消按钮() => void

Slots

名称说明
default内容
footer底部内容,只在Drawer可用

杨利伟的博客