Vue Forms Made Easy - Vue Formulate & Vue Form Generator

In this tutorial, we're going to look at Vue Form creation. In particular, we're going to be looking at 2 packages that make creating forms extremely easy. First, we'll look at Vue Formulate. Next, we'll dive into the Vue Form Generator.

Timestamps
0:00 - Intro
0:21 - Vue Project Setup
1:02 - Installing Vue Formulate
1:35 - Installing Vue Formulate Styles
2:21 - Initializing Vue Formulate in Vue Project
3:05 - Vue Formulate Documentation Overview
4:55 - Coding the Vue Formulate Form
10:03 - Testing Vue Formulate Form Validation
11:05 - Handling Vue Formulate Form Submission
11:50 - Vue Form Generator Overview
12:10 - Vue Form Generator Installation
12:35 - Initializing Vue Form Generator in our Vue Project
13:00 - Vue Form Generator Component
13:28 - Vue Form Generator Schema
14:18 - Vue Form Generator Model
14:36 - Vue Form Generator Options
15:00 - Coding our Form Generator Form
18:52 - Handling Vue Form Generator Form Submission
21:20 - Testing our Vue Form Generator Form

Vue Formulate

Vue Form Generator

Git Repo

#vue #vueFormulate #vueFormGenerator

[DiligentDev]

Which package did you prefer, Vue Formulate or Vue Form Generator?

[andrewboyd]

Thanks for taking the time to demo Vue Formulate!

[josephcrispincruz]

Thank you for this tutorial sir :) this is the answer in my upcoming project :)

[ahmetgonlum]

Teşekkürler, tam aradığım şeyi buldum sayenizde.

[chanakyakhatri]

hi that was a great tutorial, i have a request. Can you please make a shopping cart kind of project on vue, where we can products to the cart and can remove/plus/minus the products accordingly.
Thankyou for all the great tutorial

[ianmadrigalmonkey]

How would you pull dynamic data for the options dropdown list with using a v-for to loop?

[kisoindran]

Does vue-form-generator support Vue 3?

[shahabjoon]

Hi,
Thanks for sharing these useful tutorials, would you please create a video about "FormKit"? Also if it is possible, please update the courses like "Vuelidate" and "VeeValidate".
Thanks again...
Shahab

[Zoutzuurtjes]

What's the name of your vscode theme?

[ivanlegranbizarro]

I prefer Vue Formulate, basically because it has translations to other languages in the form of a plugin

[robings]

I really like Formulate but there is one problem I can't figure out. In the example you show a checkbox button you need to check to accept the terms. I'd like to link the terms inside of that label but I don't know how. Could anybody help me out?

[yiyasha]

Hi, thanks for the tutorial, but how do i reset my form after submit? i tried // but gives me error // Cannot read property 'hideErrors' of undefined//

[jlayanto]

Both these packages do not support Vue 3 yet. Formvuelate supports Vue 3. Can you do a video comparing Formvuelate with Formulate and Vue Form Generator?

[borotaigor]

Sorry, I got it, just change 'validateAfterChange: true' to 'validateAfterChanged: true', thank you.