Development/Javascript

window.opener 메세지 보내기 (부모창 함수 호출)

Dev. Jkun 2024. 3. 23. 19:17
반응형

자식 창에서 데이터를 수정하고 난 후, 부모창에 데이터를 전달해야하는데 몰랐던 API 가 있었다.

window.opener.postMessage

자식 창 (Child Window)

window.opener.postMessage('parentWindowMessageSend', '*');

부모 창 (Parent Window)

window.addEventListener('message', (event) => {
	if (event.data === 'parentWindowMessageSend') {
		// action
	}
});

생각보다 개발하고 있는 Vue/Nuxt 기반 프로젝트 새 창을 띄우는 일이 많았다.
그런데 pinia/store 로도 데이터가 전달이 안되서 위와 같은 방식으로 해결을 해야했는데.. 일단은 현재까지 큰 문제는 없는 듯.

반응형