Javascript IFRAME中的Vue.js应用程序，如何到达父窗口_Javascript_Iframe_Vue.js_Vuejs2

Javascript IFRAME中的Vue.js应用程序，如何到达父窗口

javascript iframe vue.js vuejs2

Javascript IFRAME中的Vue.js应用程序，如何到达父窗口,javascript,iframe,vue.js,vuejs2,Javascript,Iframe,Vue.js,Vuejs2,我有一个SPA Vue.js应用程序，它基于vuejs模板中的webpack模板，并带有单个文件组件出于传统原因，我必须将此应用程序嵌入现有网站的网页中的IFRAME 通过Vue.js组件中的方法，我希望能够访问父窗口（即声明IFRAME的窗口），例如打开警报或设置DOM元素的值我尝试了几种经典的JavaScript/HTML方法，但没有成功在iframe中，您可以通过“window.parent”访问父窗口对象，例如window.parent.document.getElementByI

我有一个SPA Vue.js应用程序，它基于vuejs模板中的

webpack

模板，并带有单个文件组件

出于传统原因，我必须将此应用程序嵌入现有网站的网页中的

IFRAME

通过Vue.js组件中的方法，我希望能够访问父窗口（即声明

IFRAME

的窗口），例如打开警报或设置DOM元素的值

我尝试了几种经典的JavaScript/HTML方法，但没有成功

在iframe中，您可以通过“window.parent”访问父窗口对象，例如window.parent.document.getElementById。

您必须考虑跨域问题。@jacky您能详细说明一下吗？页面实际上在同一个域中。您知道如何从组件的方法实现这一点（调用IFRAME父级）吗？只需使用window.parent.document.getElementById（）。。。等等。@jacky

window.parent.document.getElementById（）

有效，谢谢。如果你能写一个与你的评论内容相同的答案，我将很乐意接受并投票！