vue事件修饰符

86 阅读1分钟

1、stop: 作用是阻止目标元素的冒泡事件,但是会不阻止默认行为(常用)

image.png

2、prevent:阻止默认事件(常用)

click点击事件触发成功,a标签的默认事件(href)打开百度页面,这个事件被阻止掉了 image.png

3、once:事件只触发一次(常用)

image.png

4、capture:使用事件的捕获模式

*一般事件默认是自里向外冒泡.capture修饰符的作用是反过来,由外向内捕获

image.png

5、self:只有event.target是当前操作的元素时才触发事件

不加 self 点击按钮输出 1、2 , 加了 self 点击按钮输出 1, 点击div才会输出 2

image.png

6、passive:事件的默认行为立即执行,无需等待事件回调执行完毕

滚动事件的默认行为 (即滚动行为) 将会立即触发, 而不会等待 onScroll 完成

image.png

7、sync:是一个语法糖,是父组件监听子组件更新某个props的请求的缩写语法。