V
V
VueJS Generators
GitHub
NPM
JSFiddle
CodePen
Search…
1.0.0
Getting Started
Installation
Usage
Component
Fields
Groups
Validation
Powered By
GitBook
Groups
A group in the schema groups related fields. Groups are currently output as a
<fieldset>
element, with a
<legend>
. For example, this schema:
{
groups
:
[
{
legend
:
"User Details"
,
fields
:
[
{
type
:
"input"
,
inputType
:
"text"
,
label
:
"Name"
,
model
:
"name"
},
{
type
:
"input"
,
inputType
:
"number"
,
id
:
"current_age"
,
label
:
"Age"
,
model
:
"age"
}
]
}
]
}
would produce (simplified) HTML output something like this:
<
fieldset
>
<
legend
>
User Details
</
legend
>
<
label
>
Name
</
label
>
<
input
type
=
"
text
"
/>
<
label
>
Age
</
label
>
<
input
type
=
"
number
"
/>
</
fieldset
>
You can change the default
fieldset
tag by passing the
tag
property to the
<vue-form-generator />
component in your markup.
<
vue-form-generator
tag
=
"
div
"
:model
=
"
model
"
:schema
=
"
schema
"
:options
=
"
options
"
>
</
vue-form-generator
>
Previous
Custom Fields
Next
Validation
Last modified
3yr ago
Copy link