vue的修饰符

1、 .stop:阻止事件冒泡  (直接写在点击事件的后面@click.stop)

2、 .self :只当事件在该元素本身(不能是里面的子元素),触发时触发回调,(你只有点击了元素本身才会触发函数,当有冒泡事件经过时,该元素的函数并不会执行@click.self)

3、.prevent阻止默认事件 (比如a标签的href属性)

4、.capture 添加事件的监听时使用事件捕获模式

5、.once只执行一次

stop与self的区别:

  self只能限制自己的触发机制,不管会不会进行冒泡或者捕获事件,只要不点击我,我就不触发,(你给谁添加.self只能让限制自己的点击事件,如果这个元素外面还有一个元素,这外面的元素照样能进行冒泡或捕获行为)

  stop 就能阻止事件冒泡,不会影响其他的事件

猜你喜欢

转载自www.cnblogs.com/Progress-/p/12001141.html