Vue阻止事件冒泡的两种方式

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>