[Vuejs] 모달창 중복 현상

문제 상황

 모달창이 중복해서 뜨는 현상이 나타남

문제 원인

 <div v-for></div> 안에 <TempHumiModal />과 <HeatExchangeModal />을 넣었기 때문에 문제 발생
 
  ex) <div v-for>
   	 <TempHumiModal />
     <HeatExchangeModal />
 	 </div>

해결책

 <TempHumiModal />과 <HeatExchangeModal />을 <div v-for></div> 밖으로 빼면 중복 렌더링 현상이 나타나지 않음

 ex) <div v-for>
      ...
 	 </div>
 	 <TempHumiModal />
     <HeatExchangeModal />