Menu
×
×
Correct!

Exercise:

Provide the correct code so that the default browser refresh on submit is prevented.

Also, provide code so that the input field values get a two-way binding to the Vue data instance properties 'itemName' and 'itemNumber'.

<form v-on:submit.prevent="addItem"> <p>Add item</p> <p> Item name: <input type="text" required v-model="itemName"> </p> <p> How many: <input type="number" v-model="itemNumber"> </p> <button type="submit">Add item</button> </form>

Not Correct

Click here to try again.

Correct!

Next ❯
<form v-on:="addItem">
  <p>Add item</p>
  <p>
    Item name: 
    <input type="text" required ="itemName">
  </p>
  <p>
    How many: 
    <input type="number" ="itemNumber">
  </p>
  <button type="submit">Add item</button>
</form>

    
  




Log in to keep your progress
Sign up to keep your progress

Completed 0 of 54 Exercises:

VUE Get started
VUE Directives
VUE Methods
VUE Computed
VUE Watchers
VUE Scaling up
VUE Components
VUE Slots
VUE Refs
VUE Lifecycle hooks
VUE Provide/Inject
VUE Routing
VUE Animations
VUE Build

×

Reset the Score?

This will reset the score of ALL 54 exercises.

Are you sure you want to continue?



×

Congratulations!

You have finished all 54 VUE exercises.

Share your score: