轻松搞定form表单,不再为表单烦恼

  大家好,我是为广大程序员兄弟操碎了心的小编,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标!

  今天小编推荐一款表单组件,可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。

开源协议

  使用 MIT 开源许可协议

链接地址

  公众号【Github导航站】回复关键词【form】获取git地址

特性

  • JSON:支持使用 json 数据生成表单。
  • 自定义组件:支持生成任何组件,提升表单的灵活性,可以实现功能更复杂的表单。
  • 适配多个UI框架:已适配iview,view-design,element-ui,ant-design-vue框架。
  • 双向数据绑定:生成规则变化后,页面会实时更新。
  • 栅格布局:栅格系统进行网页布局,可以使页面排版美观、舒适。
  • 局部更新:内置组件缓存功能,提升渲染速度。

演示截图

简单输入框

轻松搞定form表单,不再为表单烦恼_第1张图片

单选按钮

轻松搞定form表单,不再为表单烦恼_第2张图片

Select 下拉选择框

轻松搞定form表单,不再为表单烦恼_第3张图片

以下是所有组件演示目录,此处不一一展示,想看效果可以到上面提示的地址查看

轻松搞定form表单,不再为表单烦恼_第4张图片

轻松搞定form表单,不再为表单烦恼_第5张图片

可视化vue表单设计器组件

轻松搞定form表单,不再为表单烦恼_第6张图片

结尾

  本期就分享到这里,我是小编南风吹,专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源!希望能与大家共同学习交流,欢迎关注我的公众号【Github导航站】

你可能感兴趣的:(轻松搞定form表单,不再为表单烦恼)