w3docs logo
Quel modificateur d'événement est utilisé pour effectuer l'événement de clic uniquement une fois ?
Commencer le Quiz - "Vue.js - Les bases"

La compréhension du modificateur d'événement .once dans Vue.js

Selon la question, le bon modificateur pour exécuter un événement de clic pour une seule fois est <a @click.once="dotask"></a>.

Dans Vue.js, les modificateurs d'événement sont des suffixes de point pour indiquer une caractéristique spéciale de gestion des événements. .once est un de ces modificateurs d'événement, qui est utilisé pour effectuer l'événement de clic, ou n'importe quel autre événement, une seule fois. Utiliser ce modificateur est un moyen efficace de garantir qu'un certain code ne sera exécuté qu'une seule fois, même si l'utilisateur clique plusieurs fois sur l'élément.

Voici un exemple d'application :

<template>
  <button @click.once="sayHello">Cliquez ici</button>
</template>

<script>
export default {
  methods: {
    sayHello() {
      alert('Bonjour!');
    }
  }
}
</script>

Dans cet exemple, indépendamment du nombre de fois que vous cliquez sur le bouton, le message 'Bonjour!' ne sera affiché qu'une seule fois.

Il est important de noter que le modificateur .once n’empêche pas d'autres écouteurs d'événements attachés au même élément de déclencher leur événement respectif. Il limite seulement l'exécution de l'événement pour lequel il est spécifiquement défini.

En conclusion, le modificateur .once est une fonctionnalité puissante qui permet d'économiser sur les ressources, en évitant les exécutions multiples inutiles et en améliorant ainsi les performances de votre application.

Related Questions

Trouvez-vous cela utile?