欢迎光临
我们一直在努力

vue阻止冒泡和默认事件,vue里面如何阻止事件冒泡

一、阻止事件冒泡方法:

在vue中,一般情况下我们是这样绑定事件方法的:

<div class=”parent-wrapper” @click=”clickWrapper”>点这里</div>

@click=“事件名”,这是常规方法,但是如果需要阻止事件冒泡的话,可以在click后面加上 .stop,完整写法是:@click=”event.stop”,用上面的例子的写法就是:

<div class=”parent-wrapper” @click.stop=”clickWrapper”>点这里</div> 二、取消默认事件方法:

方法跟上面差不多,也是在click后面添加: .prevent

<div class=”parent-wrapper” @click.prevent=”clickWrapper”>点这里</div>

如果要阻止事件冒泡也要取消默认事件,也可以将上面的写法连写,如:

<div class=”parent-wrapper” @click.stop.prevent=香港vps”clickWrapper”>点这里</div>

?

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。