Vue阻止事件冒泡的两种方式_vue阻止事件冒泡的方法

作者：小小林熬夜学编程 | 2024-02-13 01:59:54

踩

vue阻止事件冒泡的方法

1.阻止事件冒泡方式1

如下有父子标签的点击事件
在子类中调用stopPropagation()方法即可禁止事件的传递

boxClick:function () {
                alert("父标签被点击");
            },
            subClick:function (event) {
                event.stopPropagation();
                alert("子标签被点击了");
            }
1
2
3
4
5
6
7

2.阻止事件冒泡方式2

直接在对应标签的事件后面加上stop即可

<div class="box" @click="boxClick()">
        <div class="subClass" @click.stop="subClick($event)"></div>
    </div>
1
2
3

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/79367