-
事件修飾符
-
.stop
event.stopPropagation()垃它，阻止冒泡 -
.prevent
event.preventDefault()床估，阻止默認 -
.capture
捕獲模式,內(nèi)部元素觸發(fā)的事件先在此處理需频，然后才交由內(nèi)部元素進行處理细燎，用于改變冒泡順序
<div @click="clickIt">
<a @click="aClick">123456</a>
</div>
//<div @click.capture="clickIt">
// <a @click="aClick">123456</a>
//</div>
//js
clickIt() {
console.log("#######外層div click");
},
aClick() {
console.log("#######內(nèi)層a click");
},
未加.capture：
未加capture
使用
.capture：
使用capture
-
.self
event.target是當前元素自身時觸發(fā) -
.once
事件將只會觸發(fā)一次岖沛，自定義的組件事件可用 -
.passive
告訴瀏覽器你不想阻止事件的默認行為遮怜，相當于addEventListener
-
按鍵修飾符
-
.enter回車鍵 -
.tab制表符 -
.delete“刪除”和“退格”鍵 -
.esc退出 -
.space空格 -
.up上鍵 -
.down下鍵 -
.left左鍵 -
.right右鍵
注意：.13之類的keyCode已不推薦使用
-
系統(tǒng)修飾鍵
.ctrl.alt.shift.meta
注意：各個系統(tǒng)鍵盤不同
-
.exact修飾符
符允許你控制由精確的系統(tǒng)修飾符組合觸發(fā)的事件
-
鼠標按鈕修飾符
.left.right.middle
注意
使用修飾符時鲜滩，順序很重要伴鳖；相應(yīng)的代碼會以同樣的順序產(chǎn)生。因此徙硅，用v-on:click.prevent.self會阻止所有的點擊榜聂，而 v-on:click.self.prevent只會阻止對元素自身的點擊。
