分享个半成品 lazyform 懒人表单生成组件(vue)

[xianqin]

半成品也献丑？

• 不少贴子说：核心功能完成就可以丢出来献丑，收集反馈了。(这算是白__？*_^)
• 自己在项目中使用已经接近终级目标：粘贴 API 文档请求参数样例就即可生成符合项目惯例的表单。

lazyform 懒人表单--使用字段描述对象快速生成复杂表单的 VUE 组件

作为前端一枚，不可避免的用到 form 表单。 而随着各种 UI 框架 /组件的流行，表单也不再是简单的在 html 写一行 input 就能搞定。 如果再加上输入验证等，则可能一个简单的 input 就需要写上十几二十行代码。 例如：

• 部份 UI 组表单的编写散落在代码各处。
• 同一个字段在不同场景中需要不同的验证规规则
• 同一个字段需要不同的 UI 展现出现 N 个变种(如：是否 XX:UI 可以是 Radio/Checkbox/Select/Switch 等)
• 相同的字段代码分散在项目各个角落，难以统一维护(如：是否 XX 可选值从[0,1]变成[0,1,2,...,n])
• 不同 UI 框架间，表单代码难以通用。

故写了 lazyform-懒人表单表生成组件，尝试解决以上问题。

特点

lazyform-懒人表单表生成组件，具有以下特点：

• 支持任何 UI 组件。(ps:暂时也是缺点你需要自己适配)
• 使用配置项集中管理字段，所有编写都在 script 中完成。
• 统一 Radio/Checkbox/Select/Switch 等数据格式，以快速切换 UI 展现样式。
• 通过参考值反向识别字段。
• 理想状态下，粘贴 API 文档请求参数样例就即可生成项目惯例的表单。

README.md 中似乎有 v2 不让发的敏感词？贴上 CF 就不让过 感兴趣的同学可以自行移步 https://github.com/lazyform/lazyform