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 所有插槽 |