Chapters
00:00 - Creating our component file
00:55 - Defining our FormInput props
02:40 - Using our prop values
04:37 - Using our FormInput component
06:00 - Doing some cleanup
Ready to get started?
Join Adocasts Plus for $8.00/mo, or sign into your account to get access to all of our lessons.
Creating A FormInput Vue Component
In this lesson, we'll create a reusable FormInput Vue Component using our current form field as a starting point.
- Author
- Tom Gobich
- Published
- Sep 13
- Duration
- 7m 9s
Developer, dog lover, and burrito eater. Currently teaching AdonisJS, a fully featured NodeJS framework, and running Adocasts where I post new lessons weekly. Professionally, I work with JavaScript, .Net C#, and SQL Server.
Adocasts
Burlington, KY
Ready to get started?
Join Adocasts Plus for $8.00/mo, or sign into your account to get access to all of our lessons.
-
Getting Started
-
The Basics
-
2.0The Flow of Pages and Page Props6m 55s
-
2.1Sharing Data from AdonisJS to Vue via Inertia7m 37s
-
2.2Linking Between Pages & Page State Flow5m 58s
-
2.3The Link Component and Programmatic Linking8m 32s
-
2.4Global Components and Hydration Mismatch in Action5m 0s
-
2.5Partial and Lazy Data Loading and Evaluation9m 11s
-
2.6Creating A Layout6m 55s
-
2.7Default Layouts & Overwriting the Default Layout6m 0s
-
2.8Specifying Page Titles & Meta Tags8m 59s
-
2.9What Code Can & Can't Be Shared Between AdonisJS & Inertia3m 10s
-
-
Working with Forms
-
Database & Project Scaffolding
-
Understanding Our Database Schema2m 18s
-
Defining Our Migrations & Foreign Keys13m 48s
-
Defining Our Lucid Models & Relationships19m 8s
-
Creating A Lucid Model Mixin for our Organization Relationship8m 29s
-
Seeding Our Initial Database Data3m 39s
-
Typing Lucid Models in Inertia with DTOs10m 58s
-
Completing Our AppLayout & Navigation Bar16m 31s
-
Creating A Toast Message Manager15m 7s
-
-
Authentication & Onboarding
-
The User's Organizations
-
Setting & Loading the User's Active Organization12m 42s
-
Listing the User's Organizations6m 42s
-
The Form Dialog Component & Adding Organizations11m 51s
-
Switching Between Organizations2m 56s
-
Creating A UseResourceActions Composable8m 42s
-
Editing the Active Organization7m 0s
-
The Confirm Delete Dialog & Deleting the Active Organization18m 24s
-
-
Difficulties, Statuses, & Access Levels
-
Listing & Creating Difficulties15m 14s
-
Updating Difficulties4m 44s
-
Confirming & Deleting Difficulties4m 15s
-
Replacing A Course's Deleted Difficulty16m 31s
-
Reusable VineJS Exists In Organization Validation3m 38s
-
Sorting Difficulties with Drag & Drop9m 21s
-
Creating A Reusable Sorting Vue Component4m 1s
-
Replicating Behaviors for Access Levels & Statuses14m 28s
-
-
Courses
-
Modules & Lessons
-
Querying & Listing Sortable Course Modules14m 43s
-
Creating, Editing, & Deleting Course Modules15m 57s
-
Creating & Listing Sortable Course Lessons19m 30s
-
Editing & Deleting Course Lessons5m 9s
-
Adding A Publish Date & Time Input8m 20s
-
Patching Tag Changes for our Modules & Lessons8m 42s
-
Storing Module Order Changes from Vue Draggable8m 31s
-
Storing Lesson Order Changes & Handling Cross-Module Drag & Drops15m 44s
-
Join The Discussion! (0 Comments)
Please sign in or sign up for free to join in on the dicussion.
Be the first to Comment!