<Modal v-model='popup.collaborationWorkModifiy.show/>
<PopupsCollaborationWorkModifiy @handle-search-work-popup='searchWorkModal"/>
---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(자식에서 가져온값)} 을 하면 끝