vue 阻止事件冒泡(转载)

vue 阻止事件冒泡

<div id="app" @click="show(1)">
    <div id="box" @click="show(10)">
        <p @click.stop="show(100)">一个文本段落</p>
    </div>
</div>
 
<script>
var vm = new Vue({
    el:"#app",
    methods:{
        show(num){
            alert(num);
        }
    }
})
 
</script>

在点击事件后面加上.stop就可以。

最后

十分感谢原博主,原博客地址如下:
https://www.cnblogs.com/eliwen/p/12039956.html