vuejs如何取消冒泡，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

在做網(wǎng)站、成都網(wǎng)站制作中從網(wǎng)站色彩、結(jié)構(gòu)布局、欄目設(shè)置、關(guān)鍵詞群組等細(xì)微處著手，突出企業(yè)的產(chǎn)品/服務(wù)/品牌，幫助企業(yè)鎖定精準(zhǔn)用戶，提高在線咨詢和轉(zhuǎn)化，使成都網(wǎng)站營(yíng)銷成為有效果、有回報(bào)的無(wú)錫營(yíng)銷推廣。創(chuàng)新互聯(lián)建站專業(yè)成都網(wǎng)站建設(shè)十年了，客戶滿意度97.8%，歡迎成都創(chuàng)新互聯(lián)客戶聯(lián)系。

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

本文操作環(huán)境：windows7系統(tǒng)、vue2.5.17版、DELL G3電腦。

vuejs怎么取消冒泡？

vue.js阻止事件冒泡和默認(rèn)事件

原生js取消事件冒泡

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

原生js阻止默認(rèn)事件

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

vue.js取消事件冒泡

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

vue.js阻止默認(rèn)事件

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

關(guān)于vuejs如何取消冒泡問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

文章名稱：vuejs如何取消冒泡
URL標(biāo)題：http://chinadenli.net/article8/ggpjip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、企業(yè)建站、軟件開(kāi)發(fā)、自適應(yīng)網(wǎng)站、Google、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)