<template>
<div @click="cancelPop($event)">
<div>
<div>
<div v-for="(items, index) in imgListArr2" :key="items.ids" ref="wraper1">
<div @click.prevent.stop="cancelPop(index, $event)">
弹出弹框
</div>
</div>
</div>
</div>
<!-- 弹框 -->
<div v-if="showPop" class="popupTU" :style="{ top: popupTop + 'px', left: popupLeft + 'px' }">
弹窗区域
</div>
</div>
</template>
data() {
return {
showPop: false
}
},
cancelPop(event) {
let tp = document.querySelector(".popupTU");
if (tp) {
if (!tp.contains(event.target)) {
this.showPop= false;
}
}
},