form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
如果对您有帮助,您可以在 GitHub 上给作者点个"Star" 支持一下 谢谢!
下图为组件生成规则和组件的关系说明
form-create 规则详细说明
基础规则 type类型: String
说明: 设置生成组件的名称
field类型: String
说明: 设置表单组件的字段名称,自定义组件可以不配置
title类型: String
说明: 组件的名称,可以不设置
name类型: String
说明: 自定义组件的字段名称
value类型: any
说明: 表单组件的字段值,自定义组件可以不用设置
className类型: String
说明: 设置组件的class
info类型: String
说明: 设置组件的提示信息
全局配置说明: iview | element-ui
native类型: Bool
说明: 是否原样生成组件,不嵌套的FormItem中
hidden类型: Bool
说明: 设置组件是否显示
扩展规则 validate类型: Array
说明: 设置表单组件的验证规则
options类型: Array
说明: 设置radio,select,checkbox等组件option选择项
inject类型: any
说明: 设置事件注入是的自定义数据
col类型: Object
说明: 设置组件的布局规则
control类型: Object
说明: 控制其他组件显示
详细说明
children
类型: Array<rule|string|maker>
说明: 设置父级组件的插槽,默认为default.可配合 slot 配置项使用
示例1
formCreate.maker.create('button').children([ '按钮内容' ]);