<body>
<div id="app">
<div class="box1" @click.stop='box11'>//使用.stop在click后面添加,来阻止事件冒泡
爷爷
<div class="box2" @click.stop='box22'>//使用.stop在click后面添加,来阻止事件冒泡
爷爷
父亲
<div class="box3" @click.stop='box33'>孩子</div>//使用.stop在click后面添加,来阻止事件冒泡
爷爷
</div>
</div>
</div>
</body>
<script>
new Vue({
el:'#app',
data:{
},
methods:{
box11(){
console.log('爷爷冒泡');
},
box22(){
console.log('父亲冒泡');
},
box33(){
console.log('儿子冒泡');
},
}
})
</script>
vue中的阻止事件冒泡
最新推荐文章于 2023-05-30 12:09:49 发布