The model is a native JSON object. VueFormGenerator will modify this model if the values of the fields change. Model can be a multi-level object. In this case the model of field will be like this:

model: ""


    "id": 1,
    "type": "personal",
    "name": "Rozella Hickle",
    "username": "Kelton.Dicki",
    "password": "adGlGG8hTq",
    "email": "[email protected]",
    "address": {
        "streetC": "343 O'Conner Stravenue Apt. 183",
        "city": "East Traceyfurt",
        "country": "Nepal",
        "zipcode": "17779",
        "geo": {
            "lat": "-21.0406",
            "lng": "86.5714"
    "phone": "031.053.8042 x33435",
    "website": "",
    "dob": -196498331535,
    "time": "02:47:20",
    "age": 53,
    "rank": 7,
    "role": "user",
    "avatar": "",
    "skills": [
    "language": "it",
    "status": true,
    "created": 1461100485088

Merge & multiple models

If you would like to edit more models, first you have to merge these objects to a work object. For this, there is a helper function:

VueFormGenerator.schema.mergeMultiObjectFields(schema, objs)


  • schema: schema object with fields. Merge only the multi: true fields
  • objs: array of models


Returns the merged JSON object like this:

    "time": "02:47:20",
    "address": {},
    "status": true

The function only set those value of properties, where multiple mode is enabled multi: true in the fields and the values in every models are the same value.

Create new empty model

You can create a new model with default values. For this use the VueFormGenerator.schema.createDefaultObject function. The first parameter can be a base object.

Example with a generated ID:

let newModel = VueFormGenerator.schema.createDefaultObject(schema, { 
  id: getNextID(), 
  created: new Date().valueOf() 


    "id": 6,
    "type": "personal",
    "created": 1462972235132,
    "status": true

Note: type and status field have default values in the schema.

results matching ""

    No results matching ""