@roma219/vue-jsonschema-form

 

vue-jsonschema-form

JSON Schema based form generator built with Vue.js. Currently Work in Progress.

Full Guide and Examples

https://roma219.github.io/vue-jsonschema-form/guide/

Installation

npm install @roma219/vue-jsonschema-form

Usage

<JsonSchema :schema="schema" v-model="value"/>

schema = {
    type: 'object',
    properties: {
      aaa: { type: 'string', minLength: 1 },
      bbb: { type: 'boolean' },
      ccc: { type: 'string', enum: ['1', '2', '3'] },
      ddd: {
        type: 'object',
        title: '',
        properties: {
          a1: { type: 'string', minLength: 1, maxLength: 5 },
          b2: { type: 'boolean', default: true },
          ddd: {
            type: 'object',
            properties: {
              a1: { type: 'string', default: 'aaa' },
              b2: { type: 'boolean' }
            }
          }
        }
      }
    }
}