vue自动冒泡问题

Question

给最外层div遮罩层注册一个隐藏的事件，里面的内容和元素没有注册任何事件，但是点击里面内容和元素时候会自动冒泡到最外层div的，然后关闭弹窗的，这是为什么，遮罩层设置了fixed;

 methods: {
    modalSwitch: function(event) {      this.modal.show = !this.modal.show;
    },
    setType: function(type) {      this.modal.type = type      this.modalSwitch();
    }
  }

Answer 1

子元素的点击事件会冒泡到父元素从而触发了父元素的点击事件，vue是可以给事件添加修饰符的，在click后面添加.self就可以解决你的问题