How to cancel bubbling in vuejs

Vuejs method to cancel bubbling: 1. Open the corresponding vue file; 2. Pass "

...

" method to cancel event bubbling.

The operating environment of this article: windows7 system, vue2.5.17 version, DELL G3 computer.

How to cancel bubbling in vuejs?

vue.js prevents event bubbling and default events

Native js cancels event bubbling

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

Native js blocks default events

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

vue.js cancels event bubbling

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

vue.js blocks default events

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

Recommended learning ：《vue tutorial》

The above is the detailed content of How to cancel bubbling in vuejs. For more information, please follow other related articles on the PHP Chinese website!