div嵌套点击阻止冒泡

遇到需求，点击card跳转到指定页面，但是这个cear有按钮还不是普通按钮是element ui 的那种

el-dropdown trigger="click"

先说普通的div防止冒泡

//1.正常的情况下使用
$("#div2").click(function(e){
     e.stopPropagation();
});
//2.动态监听
$("#div2").live('click',function(e){
       e.stopPropagation();//此处终止事件冒泡
},false);
//3 dom
document.getElementById('#div2').addEventListener('click',function(e){
    e.stopPropagation();//阻止它的冒泡事件
},false);
//在子级标签添加属性 
onClick="event.cancelBubble = true"

在vue中
按钮类
  可以使用@click.stop 直接加在按钮上就可以
el-dropdown 类型
在整个外面套一层div然后再div上面加 @click.stop = "" 就可以

来源：oschina

链接：https://my.oschina.net/u/3774949/blog/4456615