Vue阻止事件冒泡的两种方式
1.阻止事件冒泡方式1如下有父子标签的点击事件在子类中调用stopPropagation()方法即可禁止事件的传递boxClick:function () {alert("父标签被点击");},subClick:function (event) {event.stopPro...
·
1.阻止事件冒泡方式1
如下有父子标签的点击事件
在子类中调用stopPropagation()方法即可禁止事件的传递
boxClick:function () {
alert("父标签被点击");
},
subClick:function (event) {
event.stopPropagation();
alert("子标签被点击了");
}
2.阻止事件冒泡方式2
直接在对应标签的事件后面加上stop即可
<div class="box" @click="boxClick()">
<div class="subClass" @click.stop="subClick($event)"></div>
</div>
更多推荐
已为社区贡献3条内容
所有评论(0)