VueJS Generators
GitHubNPMJSFiddleCodePen
develop
develop
  • Getting Started
  • Installation
  • Usage
    • Styling
  • Component
    • Schema
    • Model
    • Options
    • Events
  • Fields
    • Field Properties
      • Inside Buttons
    • Core Fields
      • checkbox
      • checklist
      • input
      • label
      • radios
      • select
      • submit
      • textArea
    • Optional Fields
      • cleave
      • dateTimePicker
      • googleAddress
      • image
      • masked
      • noUiSlider
      • pikaday
      • selectEx
      • rangeSlider
      • spectrum
      • staticMap
      • switch
      • vueMultiSelect
    • Custom Fields
  • Groups
  • Validation
    • Built in Validators
    • Custom Validators
    • Handling Validation Events
Powered by GitBook
On this page

Was this helpful?

  1. Fields

Optional Fields

PrevioustextAreaNextcleave

Last updated 6 years ago

Was this helpful?

These fields are availble in the full version of VueFormGenerator. Some of these also have external dependency.

  • - Format input text content when you are typing

  • - datetime picker with bootstrap-datetimepicker component

  • - Format input text content when you are typing

  • - Image select field (URL or upload in base64 string)

  • - Masked text input field with maskedinput component

  • - Lightweight JavaScript range slider

  • - A refreshing JavaScript Datepicker

  • - select list with the bootstrap-select component

  • - pretty range slider with ion.rangeSlider component

  • - Color picker with "The No Hassle" Spectrum jQuery Colorpicker component

  • - Display a static map from Google Maps.

  • - Switch field (toggle two values (on/off, yes/no, active/inactive)

  • - Probably the most complete selecting solution for Vue.js

External dependency

Depending on whether you want to use jQuery, we tried to make the same kind of functionnality available with or without it. Here, vanilla mean that a third party librairy is needed and that third party don't use or need jQuery.

Field type

jQuery

Vanilla

Address autocomplete

N/A

Color picker

N/A

Date picker

Masked Input

Multi Selection

Slider

cleave
dateTimePicker
googleAddress
image
masked
noUiSlider
pikaday
selectEx
slider
spectrum
staticMap
switch
vueMultiSelect
googleAddress
spectrum
datetime
pikaday
masked
cleave
selectEx
vueMultiSelect
slider
noUiSlider