Form Builder Template Implementation

Implement the Form Builder Template into your project

Import into your project

1/ Import as global component

import FormBuilder from 'v-form-builder';
Vue.component('FormBuilder', FormBuilder);

2/ Import as single component

import FormBuilder from 'v-form-builder';

export default {
    components: {FormBuilder}
    ...
}

Usage

<template>
    <div>
        // form builder template
        <form-builder type="template" v-model="formConfigData"></form-builder>
    </div>
</template>

You can use v-model in Form Builder Template, it'll return to you the form configuration data that you're configurated (object) and also render the old configuration and let you edit/update that old configuration.

Test

Go to your http://<your_vue_url_page>/ and test it :D The Form Builder Template will appear