vue 阻止事件向下传递

HTML

    <div
        @click.stop="goDetails($event)"
      >
      </div>

事件处理方法

e.srcElement.localName 获取事件对象的 标签命 

判断 选中的标签名 进行事件处理   

    goDetails(e) {
      console.log(e.srcElement.localName);
      if (e.srcElement.localName == "div") {
        e.srcElement.style.background = "rgba(142, 110, 63, 0.1)";
        e.srcElement.style.border = "1px solid #8e6e3f";
      }
    },

 这种方式 点击事件只能在指定元素上有效 正确的处理方式是在整个元素添加一个遮罩层 在遮罩层上添加点击事件 （推荐）