window.parent.postMessage в @Listener

Question

У нас есть требование, чтобы мы загружали отдельную страницу как модальную (да, верно?)

Встроенная страница использует window.parent.postMessage(messageString, '*'), чтобы сигнализировать о завершении действий.

Я хочу использовать stenciljs @Listener

У меня есть рабочий модал с iframe на другую страницу, использующий старую школу window.addEventListener('message', myMessageHandlingDelegate).

однако я действительно хотел бы использовать атрибут / декоратор @Listener для обработки результата опубликованного сообщения. Я пытался @Listener('message'), но код не был добавлен ....

Есть ли способ заставить слушателя stenciljs перехватывать сообщения, отправленные дочерними IFrames?

Answer 1

Декоратор @Listen используется для добавления прослушивателя в пользовательские события JavaScript (https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent) или в события, генерируемые дочерним компонентом Stencil. Это означает, что вы не можете использовать API сообщений (используя window.postMessage илипрослушивание события сообщения) с этим декоратором. Вы все равно можете использовать addEventListener для сообщения, как вы указали в вопросе.