iframe嵌入页面出现跨域问题

iframe嵌套的页面显示跨域错误 

iframe嵌套的页面显示跨域错误，主要是因为浏览器的安全策略限制了跨域获取数据。解决这个问题的方法主要有以下几种：

1. 使用代理页面：在子框架中使用window.parent.document.getElementById('iframe').style来设置时，会报跨域问题。可以使用代理页面来解决这个问题。

2. 使用postMessage：在子框架中写入：window.parent.postMessage({ height: '65px', 'z-index': '100' }, '*')，父框架写入：window.addEventListener('message', (event) => { const op = event.data if (op.height) { this.$refs.iframe.style.height = op.height this.$refs.iframe.style['z-index'] = op['z-index'] } })。

3. 安全性优化-发送数据限制接收源：在发送数据时，可以指定接收源，例如在postMessage的第二个参数设置为'*'，意为任意源。可以根据实际情况进行调整。

需要注意的是，以上方法并不能完全解决跨域问题，而是在一定程度上缓解了这个问题。在使用时，需要根据具体情况进行选择和使用。