Skip to main content

Loading state and register form

Premium
8 min read

In this lesson, when a user submits the form, we are going to indicate if the form is being processed to give the user some feedback to have a more pleasant user experience.

Before submit:

Loading false

Right after the form is submitted and the client waits for a response:

Loading false

Spinner component

By looking at the result we can immediately see that there is a new thing in the form, it is a loading indicator on the button.

Create a new component src/components/IconSpinner.vue with the following content:...

The Full Lesson is Only for Premium Members

Want to access all of our courses? (36 h 00 min)

You also get:

61 courses
Premium tutorials
Access to repositories
Private Discord
Get Premium for $129/year or $29/month

Already a member? Login here

augusto-dmh avatar

My five cents: in the "networks" tab in dev tools we can on throttling add latency directly there instead of on the code too.