# 介绍




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


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

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

# 下载


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

# 安装


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

ElementUI 版本

npm i @form-create/element-ui@^2.5

Iview@2.x|3.x 版本

npm i @form-create/iview@^2.5

iview/view-design@4.x 版本

npm i @form-create/iview4@^2.5

Ant-design-vue@1.5.3+ 版本

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

# 导航


# 功能


  • 支持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