关于iframe嵌套nuxt页面

382 阅读1分钟

iframe嵌套nuxt页面,如何传参?

//如果需要传参到子页面可以直接在路径后面用?连接
<iframe src="页面地址" id="iframe" ></iframe>

子页面如何向父页面传参?

但是当iframe嵌套nuxt页面的时候,nuxt无法在asyncData里面获取外部传来的参数,主要:postmessage、输入栏传参数 其中messsage是要传递的数据,targetOrigin是限定消息接收范围(域名设置),不限制使用 '*’

window.parent.postMessage(message, targetOrigin);

父页面获取


    window.addEventListener('message', (e) => {
      console.log(e.data);//获取子页面传递过来的数据
    }, false);