vue.js에서 이벤트 버블링을 방지하는 방법

Vue.js 이벤트 버블링 방지 방법: 1. [vue.js] 이벤트 버블링을 취소합니다. 코드는 [3c01280be79d064469c568c1b55fe1favue cancel event bubbling< ;/div>입니다. ;]; 2. [vue.js]는 기본 이벤트를 방지합니다.

【관련 기사 추천: ​​vue.js】

vue.js 이벤트 버블링 방지 방법:

Native js 이벤트 버블링 취소

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

Native js 블록 기본 이벤트

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

vue.js 취소 이벤트 버블링

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

vue.js 기본 이벤트 차단

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

관련 무료 학습 권장 사항: JavaScript(동영상)

위 내용은 vue.js에서 이벤트 버블링을 방지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!