vue 阻止事件冒泡，捕获

vue 阻止事件冒泡，捕获

@click.stop : 阻止事件冒泡
@click.prevent : 阻止事件默认行为
@click.self : 事件只作用在元素本身，而不是其子元素

vue阻止事件冒泡

方法一：使用vue阻止子级元素的click事件冒泡。简单得：可以直接用stop

    
    按钮1    
    按钮2 

这样点击div里面的按钮1，就不会触发div绑定时间test1()方法

方法二：可以自己写个阻止冒泡事件 然后在发生冒泡的元素中调用这个事件:@click=“stopPropagation($event)”

methods：{      
    stopPropagation(ev){      
        var _this = this;      
        ev.stopPropagation();      
    },
}