<v-row
v-for="(el, index) in newPopupInfo"
:key="index"
>
<v-dialog
class="popupDialog"
:class="$mq"
v-model="dialog"
width="900"
persistent
@click:outside="closePopup(el.idx)"
>
</v-row>
//methods:
closePopup(index) {
// console.log(this.popupInfo[index].idx);
this.newPopupInfo = this.newPopupInfo.filter(element => element.idx !== index );
},
다이알로그 여러개 만들었을 때 밖을 누르면 다 꺼진다.
일부로 밖에클릭을 막고 (persistent 옵션)
@click:outside를 이용 (제공 해주는 옵션 ㄹㅇ 혜자 그자체)
함수에 꺼지도록 하는 내용을 넣는다.