javascript - vue自动冒泡问题

问题描述

问 题

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

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

      this.modal.type = type
      this.modalSwitch();
    }
  }

解决方案

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

这篇关于javascript - vue自动冒泡问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！