监听 vue中this.$refs.iframe.src 加载完成内嵌页面

要监听 Vue 中的 `this.$refs.iframe.src` 加载完成内嵌页面，可以使用 `onload` 事件来实现。请按照以下步骤进行操作：

1. 在模板中，给 iframe 元素添加 `ref` 属性以便在 Vue 实例中引用它：

   <iframe ref="iframe" :src="iframeSrc" @load="handleIframeLoad"></iframe>

2. 在 Vue 实例中，定义 `iframeSrc` 数据属性，并在需要加载 iframe 页面时修改该属性的值：

   data() {
     return {
       iframeSrc: ''
     };
   },
   methods: {
     loadIframe() {
       // 修改 iframeSrc 的值触发重新加载
       this.iframeSrc = 'your-iframe-src';
     },
     handleIframeLoad() {
       // iframe 加载完成后的操作
       // 在这里可以判断加载完成的逻辑
       console.log('iframe加载完成');
     }
   }

3. 当需要加载 iframe 时，调用 `loadIframe` 方法：

   mounted() {
     this.loadIframe();
   }

通过监听 `@load` 事件来触发 `handleIframeLoad` 方法，在该方法中可以执行加载完成后的操作。当 iframe 加载完成时，`handleIframeLoad` 方法会被触发，您可以在该方法中进行需要的操作。

这样，您就可以监听 Vue 中的 `this.$refs.iframe.src` 加载完成内嵌页面了。如果有任何进一步的问题，请随时提问。