默认冒泡

默认情况下,js的事件会向上冒泡,如:以下三个div元素:

当我们点击里层的div,会触发外层的div事件

具体代码

事件修饰符
冒泡.gif

事件修饰符

vue提供了事件修饰符,可以修改默认的事件触发机制:

  • .stop 阻止冒泡
  • .prevent 阻止默认事件
  • .capture 添加事件侦听器时使用事件捕获模式
  • .self 只当事件在该元素本身(比如不是子元素)触发时触发回调
  • .once 事件只触发一次

.stop 为例:

事件修饰符
阻止冒泡.gif

如想了解更多的vue实例,请查阅我的vue笔记目录

原文始发于:事件修饰符

发表评论