运用form-create轻松天生高品质的form表单[附原理图]

form-create

具有动态衬着、数据网络、校验和提交功用的表单天生器,支撑双向数据绑定、事宜扩大以及自定义组件,可疾速天生包含有省市区三级联动、时候挑选、日期挑选等17种功用组件。

已兼容iview2.
和iview3.版本

Github | 文档 迎接人人珍藏、点赞,多多支撑。

<br/>

form-create 是基于 Vue开辟的开源项目,可疾速天生 iviewUI 的表单元素。目标是节约开辟人员在表单页面上消耗的时候,从而更专注于功用开辟。运用 form-creae 可疾速、便利的天生一样平常开辟中所需的种种表单。

下面向人人引见一下 form-create 运用要领和天生道理

演示

天生器

怎样文雅的建立动态天生一个 input 输入框。

《运用form-create轻松天生高品质的form表单[附原理图]》
内置了划定规矩天生器,用来天生组件划定规矩的助手要领,经由过程链式操纵即可疾速天生对应的组件划定规矩。

json

运用 json 数据天生。可经由过程后端返回天生划定规矩,举行衬着。
《运用form-create轻松天生高品质的form表单[附原理图]》
php 表单天生器,这是我的别的一个开源项目。经由过程php天生表单划定规矩,前端可运用 form-create 可直接依据参数举行表单衬着。如许能够很好的做到前后端星散,同时后端也能够很轻便的掌握表单中的组件和字段。

动态衬着

当天生划定规矩发生变化时,页面也会及时更新。1.5版本新增组件缓存功用,会按需对组件举行更新,很大的提拔了衬着速率和机能。
《运用form-create轻松天生高品质的form表单[附原理图]》

《运用form-create轻松天生高品质的form表单[附原理图]》

自定义组件

form-create 支撑天生恣意自定义组件,包含嵌套运用 form-create。

举例

在表单中天生一个 iview 按钮组件
《运用form-create轻松天生高品质的form表单[附原理图]》

天生 elementUI 组件 参考案例
《运用form-create轻松天生高品质的form表单[附原理图]》

运用自定义组件可提拔表单的灵活性,也能够完成功用更庞杂的表单。

完成道理

form-create 组件衬着/更新机制图
《运用form-create轻松天生高品质的form表单[附原理图]》

form-craete 动态衬着表单机制图
《运用form-create轻松天生高品质的form表单[附原理图]》

以上就是怎样运用 form-create 天生表单天生、动态衬着、自定义组件的申明和演示,以及form-create 项目标天生道理和内部结构。假如您有任何看法或许发起能够经由过程留言、issue、xaboy2005@qq.com 邮箱来与我联络。✨✨✨

参考

Vue

iviewUI

Vue衬着函数 & JSX

    原文作者:xaboy
    原文地址: https://segmentfault.com/a/1190000017475470
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞