vue阻止事件冒泡，事件穿透

Posted 2023-03-19

参考技术A vue事件修饰

@touchmove.stop = ""，阻止滚动穿透事件

点击tap1不加 .stop ：先弹出999 再弹出666

加 .stop后 就只弹出999；

事件后加修饰符后就会阻止影响默认事件

vue--阻止冒泡、默认行为、键盘事件

参考技术A 阻止冒泡：

1、推荐方法：在事件后面加上.stop → @click.stop

2、在函数里加上ev.cancelBubble = true;

默认行为：

1、推荐方法：在事件后面加上.prevent → @click.prevent

2、在函数里加上ev.preventDefault();

键盘事件：

1、回车事件：@keyup.enter；或者@keyup.13

2、上下左右：@keyup.up、@keyup.down、@keyup.left、@keyup.right

原文链接： https://blog.csdn.net/qq_31403519/article/details/77720366