모달

developer.do·2023년 7월 13일
0
<Modal v-model='popup.collaborationWorkModifiy.show/> // --- 1. v-model로 true, false 값 먼저 연결
<PopupsCollaborationWorkModifiy @handle-search-work-popup='searchWorkModal"/> // ---2. emit을 받아와서 종료여부 확인



---3. 위로 올라가서 popup 먼저 정의
const popup = reactive({ 
  collaborationWorkModify:{
    show:false,
    title:'표준 협업 변경',
  },
})


---4. 다음 
const collaborationWorkModify =() =>{
  popup.collaborationWorkModify.show = true - 해당 버튼을 누르면 true 값으면 바뀌게 설정
  
---5. 모달을 끌 때는
const cancelButton =()
 =>{
   popup[target].show =false로 끄면됨
   
   
   --6. 이제 모달에서 부모 컴포넌트로 값을 보낼 때는?
 
 
   먼저 자식 컴포넌트에서는
   const handleSearchWorkPopup =() =>{
     emit('handleSearchWorkPopup')}, 자식에 있는 전송 버튼을 누르면 해당 값이 부모로 넘어가는거임.
   
  다음 부모컴포넌트에서
    <popupSearchWork @handle-searc-work-popup="handleSearchWorkPopup"/> 으로 가지고온다.
    
    
    그리고 const handleSearchWorkPopup = ()=>{
console.log(자식에서 가져온값)} 을 하면 끝
   
     

0개의 댓글