事件修飾符
1.阻止單擊事件繼續(xù)傳播
<a v-on:click.stop="doThis"></a>
2.提交事件不再重載頁(yè)面
<form v-on:submit.prevent="onSubmit"></form>
3.修飾符可以串聯(lián)
<a v-on:click.stop.prevent="doThat"></a>
4.只有修飾符
<form v-on:submit.prevent></form>
5.添加事件監(jiān)聽(tīng)器時(shí)使用事件捕獲模式,即內(nèi)部元素觸發(fā)事件先在此處理丧荐,然后才交由內(nèi)部元素進(jìn)行處理
<div v-on:click.capture="doThis"></div>
6.只當(dāng)在event.target 是當(dāng)前元素自身時(shí)觸發(fā)處理函數(shù)专筷,即事件不是從內(nèi)部元素觸發(fā)
<div v-on:click.self="doThat"></div>
按鍵修飾符
7.即使Alt 或 Shift 被一同按下時(shí)也會(huì)觸發(fā)
<button @click.ctrl="onClick">A</button>
8.有且只有 Ctrl 被按下的時(shí)候才出發(fā)
<button @click.ctrl.exact="onCtrlClick">A</button>
9.沒(méi)有任何系統(tǒng)修飾符被按下的時(shí)候才觸發(fā)
<button @click.exact="onClick"></button>