vuejs如何取消冒泡，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

在做網站、成都網站制作中從網站色彩、結構布局、欄目設置、關鍵詞群組等細微處著手，突出企業的產品/服務/品牌，幫助企業鎖定精準用戶，提高在線咨詢和轉化，使成都網站營銷成為有效果、有回報的無錫營銷推廣。創新互聯建站專業成都網站建設十年了，客戶滿意度97.8%，歡迎成都創新互聯客戶聯系。

vuejs取消冒泡的方法：1、打開相應的vue文件；2、通過“<div @click.stop="doSomething($event)">...</div>”方式取消事件冒泡。

本文操作環境：windows7系統、vue2.5.17版、DELL G3電腦。

vuejs怎么取消冒泡？

vue.js阻止事件冒泡和默認事件

原生js取消事件冒泡

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

原生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>

關于vuejs如何取消冒泡問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注創新互聯行業資訊頻道了解更多相關知識。

文章名稱：vuejs如何取消冒泡
URL標題：http://vcdvsql.cn/article8/ggpjip.html

成都網站建設公司_創新互聯，為您提供移動網站建設、企業建站、軟件開發、自適應網站、Google、虛擬主機

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯