vue3 监听iframe里面elinput的值

要监听iframe中el-input的值，你需要在父组件中通过ref获取到iframe元素，然后通过contentWindow属性获取到iframe中的window对象，再通过该对象的document属性获取到iframe中的document对象，最后通过querySelector方法获取到el-input元素并绑定input事件即可。

以下是示例代码：

<template>
  <div>
    <iframe ref="myIframe" src="http://example.com"></iframe>
  </div>
</template>

<script>
export default {
  mounted() {
    const iframe = this.$refs.myIframe;
    const iframeWin = iframe.contentWindow;
    const iframeDoc = iframeWin.document;
    const elInput = iframeDoc.querySelector('el-input');

    elInput.addEventListener('input', (event) => {
      console.log(event.target.value);
    });
  }
}
</script>