Vue中v-on:click如何处理事件对象、阻止事件冒泡和默认行为？

本文共计2425个文字，预计阅读时间需要10分钟。

目录

1.监听事件

2.事件处理方法

3.带参数的时间绑定方法

4.内联处理器中的方法

5.事件对象

6.事件冒泡

7.阻止默认行为

8.其他事件修饰符

- 原生JS阻止冒泡 - 其他v-on后面跟的不

目录

• 1.监听事件
• 2.事件处理方法
• 3.带参数的时间绑定方法：
• 4.内联处理器中的方法
• 5.事件对象
• 6.事件冒泡
• 7.阻止默认行为：
• 8.其他事件修饰符
• 补充：原生JS阻止冒泡

其实v-on后面跟的不止是click事件也可以是其他的事件，用法均相似。比如：v-on:click/mouseout/mouseover/mousedown.......

以下click为例

注意：所有的v-on都可以简写为@，比如说v-click可以简写为@click

1.监听事件

可以用v-on指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。