Приложение Vue.js в IFRAME, как добраться до родительского окна

Question

У меня есть приложение SPA Vue.js, основанное на шаблоне webpack из vuejs-templates и с однофайловыми компонентами.

По устаревшим причинам я должен встроить это приложение в IFRAME на веб-странице существующего веб-сайта.

Из метода в компоненте Vue.js я хотел бы иметь возможность получить доступ к родительскому окну (то есть тому, где объявлен IFRAME), например, открытие оповещения или установка значения элемента DOM.

Я пробовал несколько классических методов JavaScript / HTML, но безуспешно.

Answer 1

В iframe вы можете получить доступ к родительскому объекту окна через 'window.parent', например, window.parent.document.getElementById.