一、事件修饰符有哪些
.stop 相当于调用event.stopPropagation()
.prevent 相当于调用event.preventDefault()
.capture 使用capture 模式添加事件监听器
.self 只有当事件是从监听器绑定的元素本身触发时才触发回调
.once 只触发一次回调
.passive 以{ passive:true} 模式添加监听器
阻止单击事件继续传播
<a v-on:click.stop="dosomething"></a>
阻止表单默认提交事件
<form v-on:submit.prevent="dosomething"></form>
只有当事件是从当前元素本身触发时才调用处理函数
<div v-on:click.self="dosomething"></div>
多个修饰符串联使用
修饰符串联,阻止表单默认提交且阻止冒泡
<a v-on:click.stop.prevent="dosomething"></a>
可以只使用修饰符 而不绑定事件处理方法
只有修饰符,而不绑定事件
<form v-on:submit.prevent></form>