vue点击网页其他空白区域关闭弹窗

方案:

阻止冒泡事件 @click.stop

<div class="selectedBorder" @click.stop>
	<div class="bankItem" v-if="bankSwitch == true">
		你好我是弹窗里面的内容部分
 	div>
div>
mounted() {
  document.addEventListener("click", this.bodyCloseMenus);
 },
 beforeDestroy() {
  document.removeEventListener("click", this.bodyCloseMenus);
 },
 
 methods:{
 	bodyCloseMenus(e) {
		let self = this;
	    if (self.bankSwitch == true){
		    self.bankSwitch = false;
	    }
  	}
}

你可能感兴趣的:(vue,js,vue.js,javascript,前端)