vue中阻止事件穿透的方法

默认情况下,事件在h5页面会穿透传递,比如一div里面套一个div,点击上层div,下层div也会响应
要阻止事件穿透,使用event.stopPropagation();
代码示例:

<div @click="testout($event)>
<div @click="testin($event)"></div>
</div>
.......

testin(event) {
      ......
      event.stopPropagation();
    },

posted @ 2019-09-04 10:46  手指乐  阅读(14739)  评论(0编辑  收藏  举报