1.native 【自定义组件】 使用自定义组件,添加点击事件时,当自定义组件渲染后,自定义组件内部的原生dom取代组件在页面上渲染后,导致添加的事件找不到承载方而引起事件失效(native 会让事件转载到自定义组件的最外层标签上)
2.stop 【阻止冒泡事件】 防止dom冒泡,没什么可说的,子dom点击事件执行后就停止,阻止父dom的事件也执行(阻止单击事件继续传播)
3.prevent 【针对form表单提交】提交事件不再重载页面,组织form表单提交导致页面刷新
4.capture 【暂时不知道什么场景用】 添加事件监听器时使用事件捕获模式,即元素自身触发的事件先在此处理,然后才交由内部元素进行处理,和正常的事件传输模式相反
5.self 【阻止子dom事件和stop相似,stop是添加在子dom,self是添加在父dom】只当在 event.target 是当前元素自身时触发处理函数,即事件不是从内部元素触发的
6.once 【按钮事件只被执行一次】点击事件将只会触发一次
7.passive 【页面的滚动事件】 滚动事件的默认行为 (即滚动行为) 将会立即触发,而不会等待 onScroll
完成,这其中包含 event.preventDefault()
关于vue click 修饰符理解
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- (1) export 和 export default 的区别 export ( import ) 可以有多个,e...
- Vue.js - Day1 什么是Vue.js Vue.js 是目前最火的一个前端框架,React是最流行的一个前...
- 一、修饰符是什么 在程序世界里,修饰符是用于限定类型以及类型成员的声明的一种符号 在Vue中,修饰符处理了许多DO...
- 为了方便大家写代码,vue.js给大家提供了很多方便的修饰符,比如我们经常用到的取消冒泡,阻止默认事件等等~ 目录...