v-on事件修飾符：

.stop：阻止標(biāo)簽的向外冒泡行為

如div內(nèi)部有個(gè)button，但是div和button都有點(diǎn)擊事件。此時(shí)只希望點(diǎn)擊按鈕時(shí)觸發(fā)按鈕點(diǎn)擊事件，不觸發(fā)div點(diǎn)擊事件，那么v-on:click就可以成功避免點(diǎn)擊按鈕時(shí)冒泡到外部div的行為。

.prevent ：阻止標(biāo)簽的默認(rèn)行為

如阻止a標(biāo)簽向href跳轉(zhuǎn)

.self ： 只觸發(fā)標(biāo)簽自身的事件

如div只觸發(fā)自己的點(diǎn)擊事件，不管內(nèi)部別人的點(diǎn)擊事件

.once：讓指定的標(biāo)簽事件只觸發(fā)一次

.native：自定義組件時(shí)使用，該事件才能被監(jiān)聽到

如我自定義了< sms >組件，< sms @click=“btn”>這樣的寫法是監(jiān)聽不到的。必須使用< sms
@click.native=“btn”>該點(diǎn)擊事件才能被監(jiān)聽到。

按鍵修飾符：與鍵盤的按鍵事件綁定在一起

@keyup.enter：該標(biāo)簽敲擊回車鍵才觸發(fā)事件

@keyup.tab：該標(biāo)簽獲得tab建的時(shí)候被觸發(fā)，而不是自身按tab鍵觸發(fā)

總結(jié)

以上是生活随笔為你收集整理的Vue学习01-v-on事件修饰符的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。