Installation

VueJS Generators

GitHub NPM JSFiddle CodePen

Search…

1.0.0

Installation

NPM
You can install it via NPM.
1
$ npm install --save vue-form-generator
Copied!
Manual
Download zip package, unpack and add the vfg.css and vfg.js file to your project from /dist folder.
1
https://github.com/vue-generators/vue-form-generator/releases/latest
Copied!
Import into Project
1
<script>
2
    import Vue from 'vue';
3
    import VueFormGenerator from 'vue-form-generator'
4
    import 'vue-form-generator/dist/vfg.css'
5
    Vue.use(VueFormGenerator)
6
</script>
Copied!
Core vs Full version
VueFormGenerator can be setup using the 'core' or 'full' variations.
Core is a minimal version with only half the fields.  
Full is core + other fields.
If you don't know what to choose, don't worry, full is the default version. If you want the slimmed down version, here are the changes:
1
// "core" only
2
<script>
3
    import Vue from 'vue'
4
    import VueFormGenerator from 'vue-form-generator/dist/vfg-core.js'
5
    import 'vue-form-generator/dist/vfg-core.css'
6
    Vue.use(VueFormGenerator)
7
</script>
Copied!
Dependencies
VueFormGenerator uses fecha and lodash internally.
While core fields don't require external dependencies, optional fields in the full package may need additional libraries.
These dependencies fall into two camps: jQuery or Vanilla. You can find almost the same functionality in both flavors. That way, it's your choice to depend on jQuery or not.
Field type
jQuery
Vanilla
Address autocomplete
N/A
​googleAddress​
Color picker
​spectrum​
N/A
Date picker
​datetime​
​pikaday​
Masked Input
​masked​
​cleave​
Multi Selection
​selectEx​
​vueMultiSelect​
Slider
​slider​
​noUiSlider​
You can find details about dependencies in each field page.

Getting Started

Usage

Last modified 2yr ago

Copy link

Contents