游客您好
第三方账号登陆
  • 点击联系客服

    在线时间:8:00-16:00

    客服电话

    020-85534346

    电子邮件

    81058337@qq.com
  • 码云社APP

    随时掌握码云社动态

  • 扫描二维码

    关注砺锋微信公众号

「开源-前端」Vue数据驱动表单渲染,轻松搞定form表单 ...

发布时期:2019-4-3 14:13
阅读:872 回复:20

form-create是基于Vue开发的开源项目,可快速生成iviewUI的表单元素。目的是节省开发人员在表单页面上耗费的时间,从而更专注于功能开发。使用form-creae可快速、便捷的生成日常开发中所需的各种表单。演示生成器如 ...

form-create 是基于 Vue开发的开源项目,可快速生成 iviewUI 的表单元素。目的是节省开发人员在表单页面上耗费的时间,从而更专注于功能开发。使用 form-creae 可快速、便捷的生成日常开发中所需的各种表单。


演示

生成器

如何优雅的创建动态生成一个 input 输入框。

「开源-前端」Vue数据驱动表单渲染,轻松搞定form表单

内置了规则生成器,用来生成组件规则的助手方法,通过链式操作即可快速生成对应的组件规则。

json

使用 json 数据生成。可通过后端返回生成规则,进行渲染。

「开源-前端」Vue数据驱动表单渲染,轻松搞定form表单

动态渲染

当生成规则发生变化时,页面也会实时更新。1.5版本新增组件缓存功能,会按需对组件进行更新,很大的提升了渲染速度和性能。

「开源-前端」Vue数据驱动表单渲染,轻松搞定form表单

「开源-前端」Vue数据驱动表单渲染,轻松搞定form表单

自定义组件

form-create 支持生成任意自定义组件,包括嵌套使用 form-create。

举例

在表单中生成一个 iview 按钮组件

「开源-前端」Vue数据驱动表单渲染,轻松搞定form表单

生成 elementUI 组件 参考案例

「开源-前端」Vue数据驱动表单渲染,轻松搞定form表单

使用自定义组件可提升表单的灵活性,也可以实现功能更复杂的表单。

作者:无懈可击

链接:https://juejin.im/post/5c1889e26fb9a049fb439609

源码地址:https://github.com/xaboy/form-create

独欢独乐(未知职业)-本文作者
这个人很懒,什么也没有留下。
872 20 2019-4-3 14:13
该文章已有20人参与评论

请发表评论

全部评论

查看全部评论>>

扫一扫关注官方微信号

一手信息资讯权掌握尽在码云社

滚动新闻
CODESEEDING(码云社)一家致力于程序员成长、以内容为核心、以提问为引导的多元化成长社区。我们在线上为技术爱好者提供了一个优质的交流氛围环境,在线下同样和众多高校联合开办了技术沙龙品牌。
020-85534346
关注我们
  • 访问移动H5版
  • 官方微信公众号

码云社 - CODESEEDING 2.0© 2018-2019 码云社. TOOBUG ( 粤ICP备16114193号-3 )