FormMaking v3 是基于 Vue 3.x 和 Element Plus 开发的可视化/低代码表单设计器,可以生成 Element 和 Antd 样式的表单。 FormMaking 目前已被民航、政务、教育、医疗、测绘、金融、网络安全、智慧城市等不同领域采用,V3 版本完全支持兼容 FormMaking,在使用和功能上完全一致。 预览地址:https://form.making.link/...
AK-Design拖拽式表单设计器 AK-Design 是一个纯前端的拖拽式、可视化、低代码数据可视化设计器开发平台,主包括表单设计、列表页设计、流程设计、数据可视化大屏设计、数据统计设计 使用基于Vue 3.x的桌面端组件库 Elemnet-Plus ,使用广泛,扩展方便 通过可视化的操作,可轻松快速完成表单设计、列表页设计、流程管理设计...
import{ createApp }from'vue'importElementPlusfrom'element-plus'importAppfrom'./App.vue'importMakuFormDesignfrom'maku-form-design'import'maku-form-design/lib/style.css'constapp = createApp(App)// 需要安装element-plusapp.use(ElementPlus)// 使用表单设计器app.use(MakuFormDesign) app.mount('#app...
表单设计器是一种可视化工具,用于创建和设计网页表单,它可以让用户通过拖放和配置选项来快速构建和定制表单,而无需编写HTML和CSS代码。它通常提供了各种表单元素,例如文本框、下拉菜单、单选框、复选框等,用户可以自由组合和排列这些元素,以满足不同的业务需求。 在表单设计器中,用户可以设置表单元素的样式、属性和验证...
官网地址:http://www.form-create.com,之前是Vue2版的,现在也有Vue3版本了。表单渲染能支持5种UI框架:ElementPlus,Ant-design-vue,naive-ui,arco-design,TDesign,但表单设计器只能用Element Plus。 表单设计器源码:https://github.com/xaboy/form-create-designer/tree/next ...
Vue3 Element-Plus:一站式解决动态表单问题,你值得拥有!,数据接口设计typeTreeItem={value:stringlabel:stringchildren?:TreeItem[]}exporttypeFormListItem={//栅格占据的列数colSpan?:number//表单元素特有的属性props?:{placeholder?:string
设计界面简陋,功能有限 组件有限,不支持扩展 不支持自定义代码(回调函数) 想要什么 [x] 简单灵活易用(用户仅需要极低的学习成本) [x] 支持VUE3(团队前端技术栈以 vue 为主) [x]可视化表单设计(所见即所得) [x] 支持移动端渲染(团队使用Vant4,PC端渲染支持Naive UI、Element Plus) ...
浏览器兼容性 Chrome(及同内核的浏览器如QQ浏览器、360浏览器等等),Firefox,Safari 跟Vue 3.x项目集成 1. 安装包 npm i vform3-builds 或 yarn add vform3-builds 2. 引入并全局注册VForm 3组件 import { createApp } from 'vue' import App from './App.vue' import ElementPlus from 'element-...
form: Partial<InstanceType<typeof ElForm>> // Form Attributes 与Element属性一致 configs: FormListItem[] // 表单主体配置 } 常见表单需求 如何控制某个组件的显示隐藏 实现思路,提供一个isShow方法,将方法绑定在对应的组件上,从而组件显示隐藏条件
1.通过Vue3的响应式系统,创建一个数据对象,用于存储表单的配置项和值。 2.使用Element Plus的组件来渲染表单元素,并绑定数据对象中的值,例如使用`<el-input v-model="formData.inputValue"></el-input>`来渲染一个输入框,并将输入框的值绑定到`formData.inputValue`上。 3.根据需要,可以通过动态添加/删除数据...