EPForm 表单弹框组件
基础用法
设置弹框内容高度 height(^0.2.1)
设置弹框内容最大高度 max-height(^0.2.1)
取消和确认按钮隐藏
多列展示
EPForm 插槽使用--举例
EPDialog 插槽使用
配置参数
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model:params | 表单数据对象 | Object | — |
| v-model | 是否显示 Dialog 例如v-model=dialogVisible | boolean | — |
| max-height | 弹框内容最大高度(例如max-height="400px") | String | - |
| height | 弹框内容高度 (例如height="400px") | String | - |
| title | Dialog 对话框 Dialog 的标题 | string | "" |
| width | 对话框的宽度 | string/number | 600 |
| formItems | 表单配置 | 跳转 | 600 |
事件
| 事件名 | 说明 |
|---|---|
| handleSubmit | 确认按钮提交(会先验证 rules) |
| handleCancel | 弹框取消 |
Slots
| 插槽名 | 说明 |
|---|---|
| header | 对话框标题的内容;会替换标题部分,但不会移除关闭按钮。 |
| footer | Dialog 按钮操作区的内容,默认显示取消,保存 |
| content | Dialog 主体内容插槽,在不适用 formItems 时,可以使用 |
| top | 显示在 formItems 上 |
| bootom | 显示在 formItems 下 ,以及 content 插槽 下 |
| --- | EPForm 所有插槽 |