vue和iframe传值

1  vue传值给iframe

1.1  vue

<div style="height: 100%;">
	<iframe ref="iframeRef" :src="url" frameborder="0">
    </iframe>
</div>

const iframeRef = ref(null)

iframeRef.value.contentWindow.postMessage({
	value1: 'value1'
}, '*')

1.2  iframe

window.addEventListener('message', function(e) {
	console.log('e')
}, false)

2  iframe传值给vue

2.1  iframe

let message = 1
window.parent.postMessage(message, "*")

2.2  vue

window.addEventListener("message", function (e) {
  console.log('e')
});