关于vue.js:Vue表单设计器的终极解决方案

57次阅读

共计 719 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0