前面遇到了一個(gè)問題就是VUE框架內(nèi)部做了一些處理，使得在我們通過v-for渲染DOM的時(shí)候添加新元素的時(shí)候，綁定事件也能對(duì)新增的元素有效。

而這次遇到的問題則是，原本綁定事件中（該函數(shù)沒有寫在vue實(shí)例的methods中），導(dǎo)致阻止冒泡事件失效了。無論是return false 還是event.stopPropagation();都無效。

此時(shí)需要通過用VUE提供了事件修飾符來處理，比如阻止事件冒泡@click.stop='xx()'

.stop

.prevent

.capture

.self

.once

<a v-on:click.stop="doThis"></a><!-- 提交事件不再重載頁面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修飾符可以串聯(lián) --><a v-on:click.stop.prevent="doThat"></a><!-- 只有修飾符 --><form v-on:submit.prevent></form><!-- 添加事件偵聽器時(shí)使用事件捕獲模式 --><div v-on:click.capture="doThis">...</div><!-- 只當(dāng)事件在該元素本身（比如不是子元素）觸發(fā)時(shí)觸發(fā)回調(diào) --><div v-on:click.self="doThat">...</div>  

以上這篇解決VUE框架 導(dǎo)致綁定事件的阻止冒泡失效問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。