介绍

轻松搞定 form 表单,让你不再为表单而烦恼

form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。

FormCreate Vue3版本文档 (opens new window)

form-create QQ交流群：629709230 (opens new window)

备注 "表单" 拉你进群微信讨论群

下载

从Github上可以查看整个项目的所有源文件。如果对您有帮助，您可以点 'Star' 支持一下 谢谢！

安装

根据自己使用的 UI 安装对应的版本

ElementUI 版本

npm i @form-create/element-ui

Iview@2.x|3.x 版本

npm i @form-create/iview

iview/view-design@4.x 版本

npm i @form-create/iview4

Ant-design-vue@1.5.3+ 版本

npm i @form-create/ant-design-vue

导航

• ElementUI

• Iview/View-design

• Ant-design-vue

• 表单API

• 自定义组件

功能

• 支持3个 UI 框架

• 通过 JSON 生成表单

• 自定义组件

  • 可生成任何Vue组件
  • 自带数据验证
  • 可快速扩展
  • 轻松转换为表单组件

• 全局配置

  • 可以设置表单配置
  • 可以设置指定组件全局配置
  • 可以设置所有组件公共的全局配置

• 自定义配置项扩展，快速根据业务逻辑扩展

• 支持分页渲染, 加快首屏渲染速度

• 支持组件设置前后缀

• 支持规则之前联动更新

• 强大的API，可快速操作表单

• 双向数据绑定

• 事件扩展，事件注入

• 局部视图更新

• 数据验证

• 栅格布局

• 嵌套对象，数组组件

• 内置组件

  • hidden
  • input
  • inputNumber
  • checkbox
  • radio
  • switch
  • select
  • autoComplete
  • cascader
  • colorPicker
  • datePicker
  • timePicker
  • rate
  • slider
  • upload
  • tree
  • frame
  • group
  • subForm/object