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的修饰符的主要内容,如果未能解决你的问题,请参考以下文章