当前位置:   article > 正文

vue @click.stop阻止冒泡事件的发生

@click.stop

在写的时候外围有一个父标签卡片card,父标签包含了一个按钮,但是父标签上有点击事件,按钮上也有点击事件,如果按钮被禁用了,那么点击按钮会触发到卡片的点击事件,发生冒泡事件
在这里插入图片描述
正确代码:
在按钮外再加一层,给按钮外围的标签加上@click.stop便阻止了冒泡事件的发生
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/79410
推荐阅读
相关标签
  

闽ICP备14008679号