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

Méthode Vue.js pour empêcher le bouillonnement d'événement : 1. [vue.js] Annuler le bouillonnement d'événement, le code est [3c01280be79d064469c568c1b55fe1favue annuler l'événement bouillonnant16b28748ea4df4d9c2150843fecfba68]; 2. [vue.js] empêche les événements par défaut.

[Recommandations d'articles connexes : vue.js]

événement de blocage vue.js Méthode de bouillonnement :

Native js annule le bouillonnement de l'événement

    try{
        e.stopPropagation();//非IE浏览器
    }
    catch(e){
        window.event.cancelBubble = true;//IE浏览器
    }

Native js bloque l'événement par défaut

if ( e && e.preventDefault ) {
            e.preventDefault()//非IE浏览器
} else { window.event.returnValue = false; } //IE浏览器

vue.js annule le bouillonnement d'événement

<div @click.stop="doSomething($event)">vue取消事件冒泡</div>

vue.js bloque l'événement par défaut

<div @click.prevent="doSomething($event)">vue阻止默认事件</div>

Recommandations d'apprentissage gratuites associées : JavaScript(Vidéo)

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!