1.阻止冒泡 stop
当父标签和子标签都绑定事件的时候,点击事件会触发两次,这个时候我们要阻止子元素冒泡
<button @click.stop="add"></button>
2.阻止默认事件 prevent
<button @click.prevent="add"></button>
3.鼠标右键事件
由两种写法,但是右键事件,浏览器窗口会出现浏览器默认的菜单选项,所以我们要用到上面提到的,阻止默认事件,下面提供两种写法,自行选择
1.
<button @contextmenu.prevent="add">添加人数</button>
<button @click.right.prevent="add">添加人数</button>