Form Handling: .prevent Modifier

Snippet

Form Handling: .prevent Modifier

Event modifiers are shortcuts for common event handling logic. The .prevent modifier automatically calls event.preventDefault() to stop the browser from reloading.

snippet.js
javascript
<form @submit.prevent="submitData">
  <button type="submit">Save</button>
</form>

vue

Breakdown

@submit.prevent

Listens for the submit event and blocks the default browser action.

submitData

The function that will be executed when the form is submitted.

Previous snippet Next snippet

More Beginner JavaScript exercises →

From your library

Form Handling: .prevent Modifier

Related