vue中阻止click事件冒泡（防止触发另一个事件）的方法_vueclick阻止事件冒泡

作者：羊村懒王 | 2024-02-13 02:11:23

踩

vueclick阻止事件冒泡

<div @click="test1()">    
    <span @click.stop="test2()">按钮1</span>    
    <span>按钮2</span> 
</div>
1
2
3
4

这样点击div里面的按钮1，就不会触发div绑定时间test1()方法。

@click="_stopPropagation($event)"

methods：{      
    _stopPropagation(ev){      
        var _this = this;      
        ev.stopPropagation();      
    },
}

1
2
3
4
5
6
7

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