form-create 组件生成规则说明

form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。

如果对您有帮助,您可以在 GitHub 上给作者点个"Star" 支持一下 谢谢!

 

下图为组件生成规则和组件的关系说明

form-create 组件生成规则说明

 

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([ '按钮内容' ]);

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpgwzd.html