當(dāng)我們?cè)谑褂胿ue做項(xiàng)目時(shí)，經(jīng)常用到點(diǎn)擊事件的綁定，但是我們綁在一個(gè)div上，里面的其他按鈕（如刪除、修改）等按鈕也會(huì)加載這兒div的點(diǎn)擊事件，而事實(shí)我們不需要，如何解決：

成都創(chuàng)新互聯(lián)公司長(zhǎng)期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為固陽(yáng)企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站制作，固陽(yáng)網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

首先我們來(lái)區(qū)分事件冒泡、事件捕獲是什么

（1）冒泡型事件：事件按照從最特定的事件目標(biāo)到最不特定的事件目標(biāo)(document對(duì)象)的順序觸發(fā)。

IE 6.0: div -> body -> html -> document

Mozilla 1.0: div -> body -> html -> document -> window

（2）捕獲型事件(event capturing)：事件從最不精確的對(duì)象(document 對(duì)象)開(kāi)始觸發(fā)，然后到最精確(也可以在窗口級(jí)別捕獲事件，不過(guò)必須由開(kāi)發(fā)人員特別指定)。

（3）DOM事件流：同時(shí)支持兩種事件模型：捕獲型事件和冒泡型事件，但是，捕獲型事件先發(fā)生。兩種事件流會(huì)觸及DOM中的所有對(duì)象，從document對(duì)象開(kāi)始，也在document對(duì)象結(jié)束。

  
 
   
 
    
√ 
 
    
 
    
 
    
 
      
      
      
      
      
    
 
    
 
    
刪除
 
   
 
   

這個(gè)時(shí)候在button的點(diǎn)擊事件加上.stop，就可以解決以上問(wèn)題。

以上這篇vue綁定的點(diǎn)擊事件阻止冒泡的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。