vue中事件修饰符详解(stop, prevent, self, once, capture, passive)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue中事件修饰符详解(stop, prevent, self, once, capture, passive)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含625字，纯文字阅读大概需要1分钟。

内容图文

==.stop== 是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件

==.prevent== 是阻止事件本身行为,如阻止超链接的点击跳转,form表单的点击提交

==.self== 是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号

==.capture== 是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式

==.once== 是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行

==.passive== 滚动事件的默认行为 (即滚动行为) 将会立即触发，而不会等待 onScroll 完成。这个 .passive 修饰符尤其能够提升移动端的性能。

.passive 和 .prevent 不能一起使用:

• .prevent 将会被忽略

---

.self 和 .stop 区别:

• self只响应当前元素自身触发的事件，不会响应经过冒泡触发的事件，并不会阻止冒泡继续向外部触发。
• stop是从自身开始不向外部发射冒泡信号

---

觉得有帮助的小伙伴点个赞~

原文：https://www.cnblogs.com/zheroXH/p/11578719.html

内容总结

以上是互联网集市为您收集整理的vue中事件修饰符详解(stop, prevent, self, once, capture, passive)全部内容，希望文章能够帮你解决vue中事件修饰符详解(stop, prevent, self, once, capture, passive)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---