Ready to get started?

Join Adocasts Plus for $8.00/mo, or sign into your account to get access to all of our lessons.

Join for $8.00/mo Sign in
robot mascot smiling
Previous
Sign Up to Track Progress
Next

The Form Dialog Component & Adding Organizations

In this lesson, we'll add a new form dialog component that simplifies the create and update forms we'll use throughout our application. We'll then use this component to add a create organization dialog within our organization selector.

Tom Gobich
Author
Tom Gobich
Published
Nov 01
Duration
11m 51s

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

Visit Website

Chapters

00:00 - Adding Our Add Organization Dropdown Item
02:18 - Creating Our Form Dialog Component
06:50 - Using Our Form Dialog Component to Create An Organization
07:55 - Testing Our Add Organization Flow
08:10 - Updating The Active Organization When Creating An Organization

Ready to get started?

Join Adocasts Plus for $8.00/mo, or sign into your account to get access to all of our lessons.

Join for $8.00/mo Sign in

Join The Discussion! (2 Comments)

Please sign in or sign up for free to join in on the dicussion.

  1. jeffrey-leon
    Adocasts Plus Subscriber
    Commented 3 days ago

    You can also do it like this in FormDialog.vue

    defineProps<{
  editing?: boolean
  processing?: boolean
  resource?: string
}>()

const open = defineModel<boolean>('open')
    
  
    
    
    
      Copied!
    1

    Please sign in or sign up for free to reply

    1. tomgobich
      Adocasts Plus Subscriber
      Commented 3 days ago

      Wow - thanks a ton for sharing this, Jeffrey! I completely missed Vue adding in the defineModel macro, that's a huge improvement!!

      1

      Please sign in or sign up for free to reply