该项目为基础版本,如果需要体验高级版本的功能,可以前往 高级版本,提供了更多的组件和功能。特性可视化配置页面 提供栅格布局,并采用flex实现对齐 一键预览配置的效果 一键生成配置json数据 一键生成代码,立即可运行 提供自定义组件满足用户自定义需求 提供远端数据接口,方便用户需要异步获取数据加载 提供功能强大的高级组件...
2. 在fm-generate-form 中引入自定义组件,如: ```html <generate-form > <template slot="blank" slot-scope="scope"> 宽度:<el-input v-model="scope.model.blank.width" style="width: 100px"></el-input> 高度:<el-input v-model="scope.model.blank.height" style="width: 100px"></el-inpu...
action自定义设计器操作按钮,展示在设计头部区域 表单渲染 通过在线地址或者引用设计器生成的JSON,用于表单渲染 下面就是加载对应的数据用于展示,假设你已经正确加载组件 <fm-generate-form:data="jsonData":remote="remoteFuncs":value="values"ref="generateForm"></fm-generate-form> ...
基于Vue 的表单设计器,让表单开发简单而高效 特性 可视化配置页面 提供栅格布局,并采用 flex 实现对齐 一键预览配置的效果 一键生成配置 json 数据 一键生成代码,立即可运行 提供自定义组件满足用户自定义需求 提供远端数据接口,方便用户需要异步获取数据加载 提供功能强大的高级组件 支持表单验证 快速获取表单数据 GitHub...
vue-form-making是一个基于vue和element-ui实现的表单设计器,使用了最新的前端技术栈,内置了 i18n 国际化解决方案,可以让表单开发简单而高效。特性:可视化配置页面提供栅格布局,支持Flex和响应式布局一键预览配置的效果一键生成配置json数据一键生成代码,立即可运行提供自定义组件满足用户自定义需求提供远端数据接口,方便用...
提供自定义组件满足用户自定义需求 提供远端数据接口,方便用户需要异步获取数据加载 提供功能强大的高级组件 支持表单验证 快速获取表单数据 国际化支持 组件 MakingForm表单设计器(基于可视化操作快速设计出表单页面,并获取到表单配置 json 数据)。 GenerateForm表单生成器(根据设计器中获取的配置 json 数据,快速渲染出表单...
自定义操作按钮 字段配置 获取json 数据 表单生成器(GenerateForm) API Props Events 方法 代码演示 表单生成 加载表单数据 表单字段值改变事件 组件 表单设计器(MakingForm) API Props 参数 说明 类型 默认值 preview设计器预览操作按钮显示Booleanfasle generate-json设计器生成JSON按钮显示Booleanfalse ...
赞3收藏3 分享 阅读6.7k发布于2020-03-17 palapple 28声望0粉丝 « 上一篇 下一篇 » Typora图床问题 引用和评论
本项目采用 Vue 和 Element 进行页面构建,内置 i18n 国际化解决方案,支持二次扩展开发,支持自定义组件扩展。 项目分为 设计器MakingForm 和 生成器GenerateForm,可通过设计器可视化的完成表单的快速创建,并生成JSON Schema; 生成器可通过加载JSON Schema渲染出表单。 主要特性 可视化 主流的表单设计器页面,通过可视化操...
2. **易于定制**:由于表单是基于组件的,因此可以轻松地添加、删除、修改或重新排列表单元素。 3. **跨平台兼容性**:许多基于Vue的可视化表单工具都支持跨浏览器和设备,这意味着用户可以在各种平台上无缝地共享和查看他们的表单。 4. **可扩展性**:随着项目的发展,用户可以轻松地添加更多的功能和自定义选项。