Next-Level Vue 2

Lessons

1. Next-Level Vue: Orientation

3:20

2. Progress Bar: Axios Interceptors

8:30

3. In-Component Route Guards

7:48

4. Global and Per-Route Guards

10:13

5. Completing our Progress Bar

11:08

6. Error Handling

10:04

7. Reusable Form Components: BaseInput

8:06

8. Reusable Form Components: BaseSelect

6:13

9. Reusable Form Components: BaseButton

5:58

10. Form Validation with Vuelidate

10:02

11. Form Validation with Vuelidate Pt. 2

12:53

12. Mixins

7:59

13. Filters

7:31

Form Validation with Vuelidate Pt. 2

NOTE: Since publishing this lesson, we’ve learned there is a new issue with vuejs-datepicker’s opened event. If you are experiencing issues getting the code to work on that component, please know it’s likely due to this issue.

In our previous lesson, we started working with Vuelidate to validate a Vue form. In this lesson, we’ll continue working with Vuelidate and add validations to our example application’s form, which is composed of our reusable form components.


🛑 Problem

Inside our EventCreate component, we have a form that is currently able to be submitted with blank fields. We don’t want users to be able to create an event without filling ou