html5拖拽表单设计器,可视化表单设计器拖拽生成表单(原创)

插件描述：可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率，节省开发者的时间。

更新时间：2021-04-11 21:56:01

form-create-designer

form-create-designer 是基于 @form-create/element-ui 实现的表单设计器组件。可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率，节省开发者的时间。

安装npm install @form-create/designer

引入

CDN:

NodeJs:

请自行导入ElementUI并挂载import formCreate from '@form-create/element-ui'

import FcDesigner from '@form-create/designer'

Vue.use(formCreate)

Vue.use(FcDesigner)

使用

组件propsmenuMenuList 重新配置拖拽的组件

heightint|string 设计器组件高度, 默认100%

组件方法获取当前生成表单的生成规则type getRule = () => Rule[]

示例:this.$refs.designer.getRule()获取当前表单的全局配置type getOption = () => Object设置当前生成表单的规则type setRule = (rules: Rule[]) => void;设置当前表单的全局配置type setOption = (option: Object) => void;增加一组拖拽组件type addMenu = (menu: Menu) => void;删除一组拖拽组件type removeMenu = (name: string) => void;批量覆盖插入拖拽组件type setMenuItem = (name: string, items: MenuItem[]) => void;插入一个拖拽组件到分组type appendMenuItem = (name:string, item: MenuItem) => void;删除一个拖拽组件type removeMenuItem = (item: string | MenuItem) => void;新增一个拖拽组件的生成规则type addComponent = (item: DragRule) => void;

提示! 内置的三个组件分组name分别为: main,aide,layout

html5拖拽表单设计器,可视化表单设计器拖拽生成表单(原创)相关推荐

5.10.1 操作查询之生成表查询
操作查询用于创建新表或者对现有表中的数据进行修改.一个数据库系统经常需要进行各种数据维护.例如对于教学管理数据库,当一届学生毕业后,不仅需要把这届毕业生的各种数据从现有的教学管理数据库中成批地导出到学 ...
js html表单设计器,可视化表单设计器拖拽生成表单(原创)
插件描述:可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间. 更新时间:2021-04-11 21:56:01 form-create-designer form-crea ...
多款顶级好用的 Vue 表单设计器测评推荐，可拖拽生成表单
本文完整版:<多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单> Vue 表单设计器 form-generator - 适配 Element Plus UI 框架的表单设计器 f ...
activiti表单设计器_基于Vue,ElementUI开发的一款表单设计器
介绍基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来工具地址: http://tools.xiaoyaoji.cn/form Gi ...
基于c#winform的可视化打印标签模板设计器及Labview与C#调用模板Demo
基于c#winform的可视化打印标签模板设计器及Labview与C#调用模板Demo 在工作中经常需要通过程序自动打印标签功能,对于打印机用串口和Tcp传输打印内容过于繁琐,且中文字体不好处理,故参 ...
C++语言Qt实现控件拖拽和连线类似可视化操作Simulink仿真类软件电路仿真软件和模型驱动等软件
目标:开发一个电路仿真软件. 内部原理:qt编写电路元件连接的可视化界面,输出电路节点连接关系为一张表.matlab编写电路仿真算法,读取节点连接表,进行运算,得出仿真结果,qt读取仿真结果并且在界面 ...
转大佬--C++语言Qt实现控件拖拽和连线类似可视化操作Simulink仿真类软件电路仿真软件和模型驱动等软件
转自–标biao的文章:https://blog.csdn.net/kangkanglhb88008/article/details/120812524 目标:开发一个电路仿真软件. 内部原理:qt编 ...
php移动端可拖动可视化,可视化编辑uniapp项目DIY拖拽
更新记录 1.0.5(2021-02-19) 更改配置名称 1.0.4(2021-02-19) 添加地图查看更多可视化编辑uniapp项目DIY拖拽通过CMS可视化编辑uniapp,原理只是操作 ...
AE二次开发中几个功能速成归纳（符号设计器、创建要素、图形编辑、属性表编辑、缓冲区分析）...
/** 实习课上讲进阶功能所用文档,因为赶时间从网上抄抄改改,凑合能用,记录一下以备个人后用.** -------------------------------------------------- ...
nc65右键生成菜单_DbSchema生成表单和报表，原来如此简单
DbSchema 8 for Mac是mac上一款非常实用的商业数据库ER图绘制软件,可以轻松的对文档进行注释或标注,而且Dbschema集成了SQL和数据工具,能生成直观的图表.PDF文件或HTML ...

html5拖拽表单设计器,可视化表单设计器拖拽生成表单(原创)

html5拖拽表单设计器,可视化表单设计器拖拽生成表单(原创)相关推荐

最新文章

热门文章