VUE-ELE-FORM 表单生成器

vue-ele-form Docs GitHub

默认工程

新建表单
编辑名称
删除工程

示例表单

编辑名称
删除表单

新建表单

预览

批量添加表单信息

保存至服务器接口设置

姓名(示例)

年龄(示例)

介绍

组件通用配置

组件属性配置

表单配置

从左侧拖拽添加表单项并点选

从左侧拖拽添加表单项并点选

点击查看表单配置属性详细解释

inline: inline模式 / layout模式

layout模式inline模式

isResponsive: 是否响应式

labelPosition: 标签位置

响应式
left
right
top

span: 表单宽度

响应式
24 / 24
23 / 24
22 / 24
21 / 24
20 / 24
19 / 24
18 / 24
17 / 24
16 / 24
15 / 24
14 / 24
13 / 24
12 / 24
11 / 24
10 / 24
9 / 24
8 / 24
7 / 24
6 / 24
5 / 24
4 / 24
3 / 24
2 / 24
1 / 24

isDialog: 是否为弹窗

isShowLabel: 是否显示标签

labelWidth: 标签宽度

默认值为auto

disabled: 全局禁用表单

readonly: 全局只读表单

isShowSubmitBtn: 提交按钮

显示隐藏

isShowResetBtn: 重置按钮

显示隐藏

isShowBackBtn: 返回按钮

默认显示隐藏

isShowCancelBtn: 取消按钮

默认显示隐藏

formBtnSize: 表单按钮大小

默认
medium
small
mini

submitBtnText: 提交按钮文字

backBtnText: 返回按钮文字

cancelBtnText: 取消按钮文字

resetBtnText: 返回按钮文字