Comment empêcher les événements de clic de bouillonner dans vue

Ci-dessous, je vais partager avec vous une méthode pour empêcher les événements de clic de bouillonner et de déclencher un autre événement dans Vue. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Utilisez vue pour empêcher l'événement de clic des éléments enfants de bouillonner. C'est très simple. Utilisez stop

<p @click="test1()"> 
   <span @click.stop="test2()">按钮1</span> 
   <span>按钮2</span> 
</p>

pour que lorsque vous cliquez sur le bouton 1 dans p, le temps de liaison p. test1 ne sera pas déclenché ( ).

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles associés :

Principe de fonctionnement de JavaScript

Sélectionner tout et inverser la sélection dans vue

Explication détaillée de l'utilisation de Jest pour tester les composants natifs de réaction

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!