27 | Vue.js components for fast and easy forms build, validation and data bindning. 28 |
29 |npm install vue-fast-form --save-dev
34 |
36 |
8 |
9 | Code
10 |
11 |
12 |
5 | Properties:
6 | text,
7 | vf-style,
8 | vf-size,
9 | vf-type,
10 | disabled,
11 | active,
12 | block,
13 | href,
14 | to
15 |
17 | Events:
18 | @click,
19 | @dbclick,
20 | @focus,
21 | @blur
22 |
25 | Use vf-style and outline attributes to define button color style:
26 |
Use vf-size (sm or lg) attribute to define button size:
Use block attribute to get a block-sized button:
By default vf-btn will render button tag.
Define a href attribute, to render <a> tag instead:
Define a :to attribute, to get a <router-link> component:
You can use vf-addon component to get icon before or after datepicker input, like on basic inputs.
Vue-fontawesome library was used to get calendar icon.
57 |Date selected: {{inlineDate.format('MM/DD/YYYY')}}
92 |{{formData}}
79 | {{formData}}
78 |