Docs

Usage Example

<template>  <dynamic-formref="dynamic-form"v-model="data":descriptors="descriptors">    <template slot="operations">      <el-button@click="reset">reset</el-button>      <el-buttontype="primary"@click="validate">validate</el-button>    </template>  </dynamic-form></template><script>// import and register element-ui firstimportDynamicFormfrom'vue-dynamic-form-component'exportdefault {  components: {    DynamicForm  },data () {return {      descriptors: {        name: { type:'string', min:3, max:15, required:true },        homepage: { type:'url', message:'The homepage must be an url' },        company: {          type:'object',          fields: {            name: { type:'string', required:true },            address: {              type:'object',              fields: {                province: { type:'string', required:true },                city: { type:'string' }              }            }          }        },        children: {          type:'array',          defaultField: {            type:'object',            fields:{              name: { type:'string', min:3, max:15, required:true },              age: { type:'number', min:1, max:100, required:true }            }          }        }      },      data: {}    }  },  methods: {reset () {this.$refs['dynamic-form'].resetFields()    },validate () {this.$refs['dynamic-form'].validate()    }  }}</script>

Features

Todo

Question

License