开源vue动态表单组件

已于 2023-08-28 08:40:19 修改
阅读量467 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2023-08-28 08:31:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_35773915/article/details/132531274
版权

一、项目简介

vue+element的动态表单组件，拖拽组件到面板即可实现一个表单

二、实现功能

支持拖拽

支持输入框

支持文本框

支持数字输入框

支持下拉选择器

支持多选框

支持日期控件

支持开关

支持动态表格

支持上传图片

支持上传文件

支持标签

支持html

支持分割线

支持布局

支持应用组件

三、技术选型

html+css+js

Vue

Element-ui

json

四、界面展示

在这里插入图片描述在这里插入图片描述

在这里插入图片描述在这里插入图片描述

请添加图片描述

五、源码地址

私信回复

时尚IT男
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
vue动态表单
u013258556的博客
10-25 387
动态添加表单功能 话不多说直接上代码 <h4>租赁物信息</h4> <div v-for="(item, index) in formData.wBankLeaseItems" :key="item.key" class="zlw clearfix"> <el-form-item :prop="'wBankLeas...
vue动态组件
sanqianjia的博客
05-28 101
动态组件 有时候我们希望在一个地方展示不同的组件信息内容，我们就可以使用动态组件。 实现 <component is="组件名"></component> is属性的值是组件名， component标签用来渲染这个组件替代自己的位置 代码 <template> <div class="tab"> <div class="tit"> <span :class="curComName=='Son1
vue表单：使用Vue.js的表单
02-22
语言形式 使用Vue.js的表单
动态表单开源库
qq_42383970的博客
11-30 1768
动态表单开源库
推荐开源项目：react-json-editor —— 动态表单构建利器
gitblog_00072的博客
05-30 472
推荐开源项目：react-json-editor —— 动态表单构建利器 react-json-editorA dynamic form component for react using JSON-Schema.项目地址:https://gitcode.com/gh_mirrors/re/react-json-editor 1、项目介绍 react-json-editor 是一个基于 Reac...
【开源】SpringBoot框架开发无代码动态表单系统
askf01的博客
02-02 1636
基于Vue+SpringBoot+MySQL的无代码平台的表单平台，包括了系统数据中心模块，用来存放管理系统通用的模块，另外分别设计了动态类型模块、动态文件模块、动态字段模块和动态值模块这四大模块，用于实现档案管理系统的核心表单逻辑。
java 动态表单 开源_如何评价阿里开源的UForm表单解决方案？
weixin_33952775的博客
02-24 410
评论搬个楼，谢邀。支持 UForm 的设计理念，还没开源前就已经扫过一遍源码。集团其实已经有很多表单方案了，我们都知道选用 json schema 往往是要做表单动态化，但是个人愚见，这个路做到后面都有一种歪了的感觉，所以最后发现，做着做着都是【动态表单方案】，导致一个尴尬的结果，一堆前端开发人员居然要写 json schema 来做表单，简直反人类，所以犯的第一个原则性错误是，表单方案，动态性应...
【开源】基于Vue.js的无代码动态表单系统的设计和实现
askf01的博客
11-27 1374
基于Vue+SpringBoot+MySQL的无代码平台的表单平台，包括了系统数据中心模块，用来存放管理系统通用的模块，另外分别设计了动态类型模块、动态文件模块、动态字段模块和动态值模块这四大模块，用于实现档案管理系统的核心表单逻辑。
ng-form 致力打造开源最强vue动态表单组件
04-22
动态表单，VUE动态表单。基于vue+element ui实现动态表单组件，通过拖拽组件到面板即可实现一个表单。支持各个组件的动态隐藏显示，动态表格弹窗式维护。致力打造开源最强vue动态表单组件，持续维护
基于Vue和Element UI的动态表单组件设计源码
04-15
基于Vue和Element UI的动态表单组件设计源码，该项目包含217个文件，主要文件类型有95个Vue前端文件，78个JavaScript文件，10个json...该项目致力于打造开源最强的Vue动态表单组件，并持续维护以提供更好的用户体验。
基于Vue和Element Plus的动态表单组件设计源码
最新发布
05-31
动态表单组件项目源码，共151个文件，采用Vue、JavaScript、CSS、HTML和TypeScript等语言开发，涉及多种文件类型如Vue组件、JavaScript...该项目致力于打造开源最强Vue动态表单组件，持续维护以提供更好的用户体验。
vue-formulate：:high_voltage:用Vue构建表单的最简单方法
02-06
什么是Vue公式化？ Vue Formulate是使用Vue构建表单的最简单方法。 请阅读以获取实时代码示例以及在您自己的项目中使用Vue Formulate的指南。 主要特点 :smiling_face_with_sunglasses: 开发者幸福 表单无处不在，但对于作者来说却令人厌烦—不再了。 Vue Formulate为开发人员提供了 ，使复杂的表单创建变得轻而易举。 :index_pointing_up: 单个输入元素 使用Vue Formulate，您无需记住十几个组件的名称-所有表单元素都是由创建的。 简单！ :flexed_biceps: 分组字段 Vue Formulate开箱即用，带有。 轻松创建复杂的UI，例如多人预订表单。 :bullseye: 内置验证 开箱即用的非常简单，可以处理95％的用例
ng-form-element-master.动态表单，VUE动态表单
11-05
动态表单，VUE动态表单。基于vue+element ui实现动态表单组件，通过拖拽组件到面板即可实现一个表单。支持各个组件的动态隐藏显示，动态表格弹窗式维护。致力打造开源最强vue动态表单组件，持续维护
一款高效的Vue低代码表单，可视化设计，一键生成源码
05-04
这样的工具大大简化了Web应用开发过程，使得开发者无需从零开始编写大量表单代码，而是通过图形化界面设计表单布局，然后自动生成对应的Vue组件代码。 在描述中，“Vue低代码表单、工作流表单”进一步说明了这个...
基于JAVA的无代码动态表单系统 开源项目
杨荧的CSDN博客
12-20 1138
基于Vue+SpringBoot+MySQL的无代码平台的表单平台，包括了系统数据中心模块，用来存放管理系统通用的模块，另外分别设计了动态类型模块、动态文件模块、动态字段模块和动态值模块这四大模块，用于实现档案管理系统的核心表单逻辑。
动态表单开源库(推荐)
dev低调者-专注优质编程、分享不一样的历程
10-23 3035
Form Making 代码仓库 https://github.com/GavinZhuLei/vue-form-making 演示DEMO http://form.making.link/#/zh-CN/ Form Generator 代码仓库 https://github.com/JakHuang/form-generator 码云 https://gitee.com/mrhj/form-generator 演示DEMO https://mrhj.gitee.io/form-generator.
推荐开源项目：Svelte Formly - 动态表单生成利器
gitblog_00072的博客
05-27 347
推荐开源项目：Svelte Formly - 动态表单生成利器 svelte-formlyGenerator dynamic forms for Svelte JS项目地址:https://gitcode.com/gh_mirrors/sv/svelte-formly 在前端开发中，动态表单的创建往往是一项繁琐的任务，涉及到复杂的校验逻辑和用户交互设计。而Svelte Formly 是一个为了解...
让表单设计更简单，一个全开源的表单设计神器
2401_85161170的博客
05-21 1436
强大的动态表单生成器，通过数据驱动表单渲染，支持可视化设计。提高开发者对表单的开发效率。目前在OA系统、ERP系统、电商系统、流程管理等系统中已稳定应用。
Vueform 现已开源 | Vueform | Vue 的开源表单框架
bf's blog
11-07 448
2023 年 10 月 20 日截至今天，，并可在 MIT 许可下在 GitHub 上使用，包括其所有元素和功能。最近几周，我们与来自世界各地的才华横溢的开发人员进行了多次对话。因此，我们决定让尽可能广泛的受众可以使用 Vueform，并公开邀请所有人参与。这是长篇小说：我一直相信，生活中最大的奢侈就是可以自由地花时间做自己最喜欢的事情。我认为自己很幸运，很早就发现了自己对编码的热情。它带我经历了开发者旅程的各个阶段——从雇员到自由职业者、创办初创公司、经营代理机构等等。
开源 vue3 项目有哪些
07-13
开源的 Vue 3 项目有很多，以下是一些比较受欢迎的项目： 1. Vue Router：官方提供的路由管理器，用于构建单页应用程序的路由系统。 2. Vuex：官方提供的状态管理库，用于集中管理 Vue 应用程序中的状态。 3. Element Plus：一套基于 Vue 3 的 UI 组件库，是对 Element UI 的升级版本。 4. Vite：一个基于原生 ES 模块的构建工具，用于快速构建现代化的 Vue 应用程序。 5. VeeValidate：一个轻量级的表单验证库，适用于 Vue 3。 除了以上列举的项目，还有很多其他的 Vue 3 开源项目可供使用，你可以通过搜索引擎或者开源代码托管平台（如 GitHub）来查找更多的项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

时尚IT男

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值