Vue表单设计器的终极解决方案

VForm是一个基于Vue 2.0和Element UI的高级表单组件,定位为前端开发人员提供快速搭建表单、实现表单交互和数据收集的功能。

VForm全称为Variant Form,寓意为灵活的、动态的、多样化的Vue表单组件。
VForm提供了丰富的组件属性设置、表单交互事件和API方法,点此体验:VForm体验

VForm功能一览:

======================================================

  1. 拖拽式可视化表单设计,所见即所得;
  2. 丰富的表单组件支持,包含20多种表单基础组件和高级组件;
  3. 支持多种布局容器,包含栅格、表格、页签、子表单;
  4. 暴露组件交互事件,可处理复杂交互逻辑;
  5. 提供丰富的组件API方法;
  6. 提供丰富的组件属性设置;
  7. 组件支持自定义CSS样式;
  8. 组件支持自定义校验;
  9. 支持多语言国际化,内置中英文两种语言;
  10. 支持PC/H5两种表单设计模式;
  11. 表单设计支持撤销、重做历史功能;
  12. 良好的开放性,支持扩展组件API方法;
  13. 支持Chrome、FireFox、Safari、Edge等流行浏览器,兼容IE 11浏览器;
  14. 支持浏览器缓存功能,自动保存表单最新状态,无须担心工作成果丢失;
  15. 可导出Vue组件或HTML源码,方便在历史项目中集成;

VForm高级交互示例——实现子表单的小计和累计自动更新:

======================================================
技术交流:WX搜索“vformAdmin”

开源仓库https://gitee.com/vdpadmin/VFormRender

语雀文档https://www.yuque.com/variantdev/vform

13 声望
0 粉丝
0 条评论
推荐阅读
解放前端生产力,一手打造自己的表单代码生成器
本文目标:手摸手教你打造一个支持内嵌网页的VS Code插件,实现Vue项目前端表单代码的自动生成,早日实现摸鱼自由。效果展示废话不多说,先看看最终的工作成果:看完动图是不是提神了那么一丢丢,让我们开干吧~~...

vformAdmin阅读 2.5k

封面图
Vue中的diff算法
diff算法是一种通过同层的树节点进行比较的高效算法,避免了对树进行逐层搜索遍历,所以时间复杂度只有 O(n)。diff算法的在很多场景下都有应用,例如在 vue 虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较更新时...

款冬27阅读 13.4k评论 7

给我实现一个前端的 Excel 导入和导出功能
前言【负责人 A】:现在报表部分基于接口的 Excel 的导入和导出功能有点慢,前端这边能不能实现一下这个功能,然后我们在比对看看效果!【切图仔 B】: 接口这边不能优化一下吗?比如排查下慢的原因什么的。【负...

熊的猫19阅读 2.6k

封面图
vue-property-decorator使用手册
@Component 装饰器可以接收一个对象作为参数,可以在对象中声明 components ,filters,directives等未提供装饰器的选项,也可以声明computed,watch等

似曾相识17阅读 29.1k评论 7

一个开源vue网站博客,nuxt开源网站,前后端分离项目
开媛笔记,基于nuxt ssr首屏服务器端渲染 。用于分享、记录、交流和学习,希望可以帮助到小伙伴们。同时网站在不断更新,创造属于猿(媛)的世界 -$Bao Yalong ..Let's Go! [链接]

jigsaw16阅读 8.5k评论 3

你知道前端水印功能是怎么实现的吗?
前一段时间由于项目需要实现水印功能,于是去了解了相关的内容后,基于 Vue 的实现了一个 v-watermark 指令完成了对应的功能,其实整体内容并不复杂!

熊的猫14阅读 1.7k

封面图
2022 你还不会微前端吗 (上) — 从巨石应用到微应用
微前端系列分为 上/下 两篇,本文为 上篇 主要还是了解微前端的由来、概念、作用等,以及基于已有的微前端框架进行实践,并了解微前端的核心功能所在,而在下篇 2022 你还不会微前端吗 (下) — 揭秘微前端核心原理...

熊的猫14阅读 1.7k

封面图
13 声望
0 粉丝
宣传栏