vue-form-builder
Form builder library using VueJS 2 Virtual Dom
Features
This is still currently in development as an early build.
- Build a full form using a JavaScript object. No fiddling with HTML
- Supports multiple output templates like bootstrap,
- Extremely flexible, add new components or modify existing ones with ease
- Pluggable validation. The validate.js library is supported by default.
Usage
npm install --save vue-form-builder
In your main file
import VueFormBuilder from 'vue-form-builder';
import Vue from 'vue';
Vue.use (VueFormBuilder);
In your JS:
new Vue({
data: {
myFormOptions: {
name: "My Form",
template: "bootstrap3"
},
myModel: {
name: "Bobby Tables",
address: ""
},
myFormSchema: [
{key: 'name', label: "Name", type: "text"},
{key: 'address', label: "Address", type: "textarea"},
]
}
}
})
In your template:
"> 
