form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。
功能
-
支持3种 UI 框架
-
自定义组件
- 可生成任何Vue组件
- 自带数据验证
- 可快速扩展
- 轻松转换为表单组件
-
通过 JSON 生成表单
-
通过 Maker 生成表单
-
全局配置
- 可以设置表单配置
- 可以设置指定组件全局配置
- 可以设置所有组件公共的全局配置
-
强大的API，可快速操作表单
-
双向数据绑定
-
事件扩展
-
局部更新
-
数据验证
-
栅格布局
-
嵌套对象，组件数组
-
内置组件
- hidden
- input
- inputNumber
- checkbox
- radio
- switch
- select
- autoComplete
- cascader
- colorPicker
- datePicker
- timePicker
- rate
- slider
- upload
- tree
- frame
- group
预览
包说明
| 包名 | 说明 |
|---|---|
| @form-create/iview | iview 版本 |
| @form-create/iview4 | iView V4 版本 |
| @form-create/element-ui | ElementUI 版本 |
| @form-create/ant-design-vue | Ant-design-vue 版本 |
安装
iview 2.x|3.x
npm install @form-create/iview
iview 4.x
npm install @form-create/iview4
elementUI
npm install @form-create/element-ui
ant-design-vue
npm install @form-create/ant-design-vue
引入
CDN:
iview
<!-- import Vue.js --> <script src="//vuejs.org/js/vue.min.js"></script> <!-- import stylesheet --> <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"> <!-- import iView --> <script src="//unpkg.com/iview/dist/iview.min.js"></script> <!-- import form-create/iview --> <script src="//unpkg.com/@form-create/iview/dist/form-create.min.js"></script>
elementUI
<!-- import Vue.js --> <script src="//vuejs.org/js/vue.min.js"></script> <!-- import stylesheet --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- import element --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <!-- import form-create/element --> <script src="//unpkg.com/@form-create/element-ui/dist/form-create.min.js"></script>
ant-design-vue
<!-- import Vue.js --> <script src="//vuejs.org/js/vue.min.js"></script> <!-- import stylesheet --> <link href="https://unpkg.com/ant-design-vue@1.5.3/dist/antd.min.css" rel="stylesheet"> <!-- import moment --> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/zh-cn.js"></script> <!-- import ant-design-vue --> <script defer src="https://unpkg.com/ant-design-vue@1.5.3/dist/antd.js"></script> <!-- import form-create --> <script src="//unpkg.com/@form-create/ant-design-vue/dist/form-create.min.js"></script>
NodeJs:
iview
import formCreate from '@form-create/iview' Vue.use(formCreate)
ElementUI
import formCreate from '@form-create/element-ui' Vue.use(formCreate)
ant-design-vue
import formCreate from '@form-create/ant-design-vue' Vue.use(formCreate)
-
本文将介绍form-create如何给内置组件和自定义组件添加事件 form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。 如果对您有帮助，您可以在 GitHub 上给作者点个"Star" 支持一下 谢谢！ 例如给i-input组件添加on-c
-
CreateJS 是一个完整的 JavaScript 游戏和动画开发包，包括：EaselJs, TweenJS, SoundJS, PreloadJS 和 Zoe。
-
问题内容： 我使用默认的NetBeans edito创建了一个表单，并将其放在上面。然后以某种方式在其中创建一堆元素，例如“颜色”，“运动”，“食物”。但是它不在创建代码中。它来自哪里，如何编辑… 即使我做的一切仍然存在，而且没有将代码添加到jTree的代码。 我需要能够在运行时编辑内容。 问题答案： 接下来的问题是您根据文档创建这样的示例节点（根据docs）。在创建节点（root，child1，
-
谢谢你。
-
注意:在 Dreamweaver CC 和更高版本中不再支持 ColdFusion。 关于 ColdFusion 表单 ColdFusion 表单为您提供了用于验证表单数据的几个内置机制。例如，可以检查以确保用户输入了有效的日期。一些表单控件具有其它功能。许多表单控件没有 HTML 相应部分，而其它表单控件则直接支持根据数据源动态填充控件。 Dreamweaver 为使用 ColdFusion M
-
根据模型中 DDL 注解定义，生成表 注意，本工具是删除重建表，会丢失数据，生产环境慎重使用！ imi v1.2.3 版本支持 可选参数： -namespace 模型所在命名空间，支持半角逗号分隔传多个，默认不传则为全部 -database 数据库名，不传则取连接池默认配置的库名 -poolName 连接池名称，不传则取默认连接池 -include 要包含的表名，以半角逗号分隔 -exclude
-
简介 作为Lisp语言大家族的一员，Scheme同样擅长于处理表。你应该理解表以及有关表的操作以掌握Scheme。表在在后面章节中的递归函数和高阶函数中扮演重要角色。 在本章中，我会讲解基本的表操作，例如cons，car，cdr，list和quote。 Cons单元和表 Cons单元 首先，让我解释一下表的元素：Cons单元（Cons cells）。Cons单元是一个存放了两个地址的内存空间。Co
-
问题内容： 我正在使用Eureka表单生成器构建表单，但不了解如何在表单内部获取值。他们在此处的文档中提供了说明。 表单结果被传递到字典： 您可能已经注意到结果字典键是行标记值，而值是行值。只有带有标签值的行将被添加到字典中。 我的代码： 在这里，制定命令的公共职能 问题答案： 我自己弄清楚了。现在还不清楚我是否需要在要从中检索值的行上设置标签：
-
本文向大家介绍使用Vue生成动态表单，包括了使用Vue生成动态表单的使用技巧和注意事项，需要的朋友参考一下 开需求会了，产品说这次需求的表单比较多，目前有18个，后期的表单可能会有增加、修改。我作为这次的前端开发，看到这样的需求，心里知道要这样搞不得把自己累死，首先表单居多，还会有变更，以后维护起来也让人心力憔悴。 于是我提议做动态表单，做一个表单的配置系统，在系统里配置表单类型、表单得字段、以及