vue阻止事件冒泡

220 阅读1分钟

【业务问题】:在大盒子中有一个小按钮,点击大盒子跳转页面,点击小按钮执行其他操作。这时候如果不阻止事件冒泡,那么点击小按钮的时候也会跳转页面。但是直接给小按钮的事件添加.stop修饰符不起效果。
【解决方案】:给小按钮的父元素加空事件@click.stop=""
【代码演示】:
在这里插入图片描述