事件修饰符大汇总

138 阅读1分钟

1; .stop 用于阻止事件冒泡 和 事件捕获

2; .prevent 用于阻止标签的默认行为, 例如: a链接的跳转行为, form表单的提交行为

3; .native .native事件修饰符是用来是在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的HTML标签看待。说白了就是当给组件绑定事件不生效时,可以直接添加一个.native修饰符

4; .once 限定事件只能触发一次

5; .self 仅绑定元素自身触发, 防止事件冒泡 ---- 对于嵌套的两极, 如果子 父 级元素都存在@click事件 点击子级元素会触发父级元素的事件, 这时直接给父元素设置@click.self的话就不会被子元素的click事件影响

6; .capture 对于冒泡事件, 且存在多个冒泡事件时, 存在该修饰符的会优先执行, 若果有多个,则从外到内执行

7; .passive: 事件的默认行为将会立即触发, 不能和.prevent一起使用, 浏览器内核线程在每个事件执行时查询prevent造成卡顿, 使用passive将会跳过内核线程查询, 进而提升流畅度