计算机网络/计算机科学与应用/系统/运维/开发

事件修饰符

一、事件修饰符有哪些


.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>


只要认真对待生活,终有一天,你的每一份努力,都将绚烂成花。

评论

^