vue的修饰符

Posted progress-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的修饰符相关的知识,希望对你有一定的参考价值。

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

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

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

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

5、.once只执行一次

stop与self的区别:

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

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

以上是关于vue的修饰符的主要内容,如果未能解决你的问题,请参考以下文章

Vue中的事件修饰符,按键修饰符

vue--键盘修饰符以及自定义键盘修饰符

键盘事件、事件修饰符

Vue常用修饰符

Vue修饰符

Vue 中的 .sync 修饰符有啥用