這篇文章主要為大家展示了“VUE框架導(dǎo)致綁定事件的阻止冒泡失效怎么辦”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“VUE框架導(dǎo)致綁定事件的阻止冒泡失效怎么辦”這篇文章吧。

創(chuàng)新互聯(lián)專注于順慶網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供順慶營(yíng)銷型網(wǎng)站建設(shè)，順慶網(wǎng)站制作、順慶網(wǎng)頁(yè)設(shè)計(jì)、順慶網(wǎng)站官網(wǎng)定制、微信平臺(tái)小程序開(kāi)發(fā)服務(wù)，打造順慶網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供順慶網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

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

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

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

.stop

.prevent

.capture

.self

.once

...