Fullstack Vue.js by Hassan Djirdeh

Author:Hassan Djirdeh
Language: eng
Format: epub
Publisher: leanpub.com
Published: 2018-08-29T16:00:00+00:00

Text Input

In the previous example, we constrained our user’s response to only one of four possibilities. Now that we know how to take advantage of event objects and handlers, we’re going to accept a much wider range of responses and move on to a more typical use of forms: text input.

To showcase text input we’ll create an inquiry form to allow the user to record a list of new clothing items to add to the Fullstack clothing list.

The app presents the user a text field where they can input a new clothing item and hit “Submit”. When they enter an item, the following should occur:

The item is added to a list

The list is displayed/updated below the text input

The text box is cleared so they can enter a new item.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.