Breaking News: Grepper is joining You.com. Read the official announcement!

vuejs events modifier

Different Dogfish answered on March 24, 2022 Popularity 9/10 Helpfulness 1/10

answer vuejs events modifier

vuejs events modifier

Comment

<!-- la propagation de l'évènement `click` sera stoppée -->
<a v-on:click.stop="doThis"></a>

<!-- l'évènement `submit` ne rechargera plus la page -->
<form v-on:submit.prevent="onSubmit"></form>

<!-- les modificateurs peuvent être chainés -->
<a v-on:click.stop.prevent="doThat"></a>

<!-- seulement le modificateur -->
<form v-on:submit.prevent></form>

<!-- utilise le mode « capture » lorsque l'écouteur d'évènements est ajouté -->
<!-- c.-à-d. qu'un évènement destiné à un élément interne est géré ici avant d'être géré par ses éléments parents -->
<div v-on:click.capture="doThis">...</div>

<!-- seulement déclenché si l'instruction `event.target` est l'élément lui-même -->
<!-- c.-à-d. que cela ne s'applique pas aux éléments enfants -->
<div v-on:click.self="doThat">...</div>

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: fr.vuejs.org

Tags: events javascript modifier

Link to this answer
Share Copy Link

Contributed on Mar 24 2022

Different Dogfish

0 Answers Avg Quality 2/10

vuejs events modifier

Contents

More Related Answers

vuejs events modifier

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.