vue2.0click點擊事件修飾符stop阻止單擊事件冒泡prevent阻止默認事件

事件修飾符

在事件處理器中常常須要調用 event.preventDefault() 或 event.stopPropagation()。儘管咱們在方法內能夠輕鬆作到，不過讓方法是純粹的數據邏輯而不處理 DOM 事件細節會更好。

爲了解決這個問題，Vue.js 爲 v-on 提供兩個 事件修飾符：.prevent 與 .stop。你是否還記得修飾符是點號打頭的指令後綴？
---------------------
 

<!-- 阻止單擊事件冒泡 -->
<a v-on:click.stop="doThis"></a>


<!-- 提交事件再也不重載頁面 -->
<form v-on:submit.prevent="onSubmit"></form>


<!-- 修飾符能夠串聯 -->
<a v-on:click.stop.prevent="doThat">


<!-- 只有修飾符 -->
<form v-on:submit.prevent></form>