介绍

介绍 - 图1 介绍 - 图2 version npm JS gzip size JS gzip size

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

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

form-create QQ交流群：28963712

介绍 - 图7

下载

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

安装

ElementUI 版本

npm i @form-create/element-ui

Iview 版本 2.x|3.x

npm i @form-create/iview

Iview 版本 4.x

npm i @form-create/iview4

Ant-design-vue 版本 1.5.3+

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

导航

功能

  • 支持3种 UI 框架

  • 自定义组件

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

  • 通过 JSON 生成表单

  • 通过 Maker 生成表单

  • 全局配置

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

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

  • 双向数据绑定

  • 事件扩展

  • 局部更新

  • 数据验证

  • 栅格布局

  • 嵌套对象，组件数组

  • 内置组件

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

对比 1.x

  • 速度更快

  • 体积更小

  • 更强大的全局配置

  • 自定义组件更容易扩展

  • 更容易支持第三方 UI 库

  • 支持嵌套对象，组件数组

  • 更少的 bug