更新时间：2021-04-1121:56:01form-create-designerform-create-designer是基于@form-create/element-ui实现的表单设计器组件。

其他版本需要根据node版本以及npm调整无法安装taobao镜像出现问题跟换为最新版本的//1.清空缓存npmcacheclean--force//2.关闭SSL验证npmconfigsetstrict-sslfalse//3.切换新源npmconfigsetregistryhttps://registry.npmmirror.com//4.查看源是否设置成功npmconfiggetregist

文章目录一、前言二、`Formily`三、`VariantForm`四、`form-create`五、`Everright-formEditor`六、`form-generator`七、`EpicDesigner

完整的笔记可以参考这个专栏，写的挺详细的：云尚办公课件笔记，comeonboy文章目录form-create表设计步骤1，创建审批类型2，创建审批类型下的审批模板3，为指定的审批模板设置模板名称，表单项

组件分享之前端组件——用于自定义表单的前端组件form-create背景近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件

背景平台需要实现自定义表单功能，作为低代码开发的一部分，通过技术预研和技术选型，选择form-create和form-create-designer这两个组件进行集成作为实现方案。

欢迎大家star学习交流：github地址示例[](https://files.jb51.net/file_i...https://raw.githubusercontent.com/xaboy/form-create

安装根据自己使用的UI安装对应的版本ElementUI版本npmi@form-create/[email protected]|3.x版本npmi@form-create/iviewiview/[email protected]版本npmi@form-create/[email protected]+版本npmi@form-create/ant-design-vue基本使用详细使

在根目录下，找到package.json文件夹找"dependencies"，然后就可以看到你装的vue的版本了"dependencies":{"@antv/data-set":"^0.11.4","@form-create

第一、下载安装有很多版本的，这里我下载的是element-ui版本的npmi@form-create/element-ui第二、引入在main.js文件里面importformCreatefrom'@form-create

更新时间：2021-04-1121:56:01form-create-designerform-create-designer是基于@form-create/element-ui实现的表单设计器组件。

keywords：问卷/表单/信息收集(gitee.com)推荐form-create:form-create是一个可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表

form-create是一个可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持2个UI框架，并且支持生成任何Vue组件。

form-create是一个可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成任何Vue组件。

form-create-designerform-create-designer是基于@form-create/element-ui实现的表单设计器组件。

form-create是一个可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成任何Vue组件。

动态效果如下：静态效果如下：预览效果如图：废话少说，直接上代码：{{item.inputValue}}○□预览importformCreatefrom'@form-create/element-ui'exportdefault

form-create插件上传组件的配置文档：http://www.form-create.com/v2/element-ui/components/upload.html这是一个在前端模拟JSON上传组件的示例

form-create具有动态渲染、数据收集、校验和提交功能的表单生成器，支持双向数据绑定、事件扩展以及自定义组件，可快速生成包含有省市区三级联动、时间选择、日期选择等17种功能组件。

表单自动生成器form-create介绍可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成器介绍轻松搞定form表单,让你不在为表单而烦恼form-create是一个可以通过JSON生成具有动态渲染

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

根据以上项目情况，所以这次就选择用form-create(表单生成器)来做，虽然它很强大，但项目UI样式是千变万化的，而这次项目的UI和form-create的UI有所不同，所以就使用了form-create

给表单项加className方便调整样式rule:[{type:'input',title:'货物总毛重（KG）',//label名称field:'totalGrossWt',//字段名称value:'',//input值,col:{span:16,labelWidth:50%},className:'total-gross-wt',props:{type:'text',clearable:tru

form-create详细介绍form-create具有数据收集、校验和提交功能的表单生成器，支持双向数据绑定和事件扩展，组件包含有复选框、单选框、输入框、下拉选择框等表单元素以及省市区三级联动,时间选择

form-create具有动态渲染、数据收集、校验和提交功能的表单生成器，动态生成Form表单。

JSON.stringify(mock,null,4).toString()格式化json格式在页面输出，这个form-create是一个开源框架/*!

form-create具有动态渲染、数据收集、校验和提交功能的表单生成器，支持双向数据绑定、事件扩展以及自定义组件，可快速生成包含有省市区三级联动、时间选择、日期选择等17种功能组件。

$route.query.id)PS：下面给大家介绍下vue自定义表单生成器可根据json参数动态生成表单效果介绍form-create是一个可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生

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

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

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

动态创建form表单,网上有插件(form-create)不过我不知道它怎么用,没有使用成功,如果你使用成功了,欢迎下方留言.最后我使用了笨方法,针对各个表单写好通用的组件，然后根据type用v-if来渲染对应的表单

动态创建form表单,网上有插件(form-create)不过我不知道它怎么用,没有使用成功,如果你使用成功了,欢迎下方留言.最后我使用了笨方法,针对各个表单写好通用的组件，然后根据type用v-if来渲染对应的表单

使用form-create动态生成vue自定义组件和嵌套表单组件[github]|[说明文档]maker.create通过建立一个虚拟DOM的方式生成自定义组件生成Makerletrule=[formCreate.maker.create

[github]|[说明文档]示例letrule=[{type:'row',children:[{type:'i-col',props:{span:12},children:[formCreate.maker.input('商品名称','goods_name','iphone'),formCreate.maker.number('商品加个','goods_price',8688)]},{type:

form-create具有动态渲染、数据收集、校验和提交功能的表单生成器，支持双向数据绑定、事件扩展以及自定义组件，可快速生成包含有省市区三级联动、时间选择、日期选择等17种功能组件。

欢迎大家star学习交流：github地址示例https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg安装

form-create具有数据收集、校验和提交功能的表单生成器，支持双向数据绑定和事件扩展，组件包含有复选框、单选框、输入框、下拉选择框等表单元素以及省市区三级联动,时间选择,日期选择,颜色选择,滑块,