《Vue应用开发》课件——2.14事件修饰符.pptxVIP

任务2.14事件修饰符

熟悉事件修饰符，能够阐述常见的事件修饰符2.5事件修饰符先定一个小目标！

什么是事件修饰符？2.5事件修饰符

为了简化开发，Vue为开发者提供了事件修饰符，它可以与v-on配合使用，以便于对事件进行控制，让开发者更专注于逻辑。事件修饰符用于修饰事件的行为，写在事件名称之后，多个事件修饰符可以串联使用。2.5事件修饰符

通过事件修饰符可以实现的一些功能。阻止默认事件行为阻止事件冒泡事件捕获使事件只触发一次使DOM元素只有自身触发事件时才执行事件方法监听滚动事件捕获特定按键捕获鼠标按键2.5事件修饰符

ahref=test.htmlv-on:click.prevent阻止默认行为/a1.阻止默认事件行为通过.prevent事件修饰符可以实现阻止默认事件行为的功能。例如，在单击a标签时页面会自动跳转，这就是a标签的默认事件行为。在实际开发中，如果默认事件行为与事件发生冲突，可以使用.prevent事件修饰符阻止默认事件行为，示例代码如下。2.5事件修饰符

templatedivv-on:click=show(我是父元素的事件)buttonv-on:click=show(我是子元素的事件)事件冒泡/buttonbuttonv-on:click.stop=show(我是子元素的事件)阻止事件冒泡/button/