v-on:綁定/縮寫@click
修飾符:
- .stop - 調(diào)用 event.stopPropagation()椒拗。
- .prevent - 調(diào)用 event.preventDefault()悲酷。
- .capture - 添加事件偵聽器時(shí)使用 capture 模式。
- .self - 只當(dāng)事件是從偵聽器綁定的元素本身觸發(fā)時(shí)才觸發(fā)回調(diào)宇挫。
- .{keyCode | keyAlias} - 只當(dāng)事件是從特定鍵觸發(fā)時(shí)才觸發(fā)回調(diào)亮蒋。
- .native - 監(jiān)聽組件根元素的原生事件。
- .once - 只觸發(fā)一次回調(diào)。
- .left - (2.2.0) 只當(dāng)點(diǎn)擊鼠標(biāo)左鍵時(shí)觸發(fā)楞黄。
- .right - (2.2.0) 只當(dāng)點(diǎn)擊鼠標(biāo)右鍵時(shí)觸發(fā)。
- .middle - (2.2.0) 只當(dāng)點(diǎn)擊鼠標(biāo)中鍵時(shí)觸發(fā)抡驼。
- .passive - (2.3.0) 以 { passive: true } 模式添加偵聽器
舉例說明
<form @submit.prevent></form>
//阻止表單提交
<div v-on:click.stop = "onClickFunName"></div>
//點(diǎn)擊阻止冒泡