关于vue的点击事件那些事儿以及右键事件

1.阻止冒泡 stop

当父标签和子标签都绑定事件的时候,点击事件会触发两次,这个时候我们要阻止子元素冒泡

<button @click.stop="add"></button>

2.阻止默认事件 prevent

<button @click.prevent="add"></button>

3.鼠标右键事件

由两种写法,但是右键事件,浏览器窗口会出现浏览器默认的菜单选项,所以我们要用到上面提到的,阻止默认事件,下面提供两种写法,自行选择

<button @contextmenu.prevent="add">添加人数</button>
<button @click.right.prevent="add">添加人数</button>

————————————————
版权声明:本文为CSDN博主「苏七的猫」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/pacholy/article/details/101760020

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。