vue 首次加载页面怎么样让 iframe 加载

您可以使用Vue的生命周期钩子函数来在页面首次加载时让iframe加载。具体步骤如下：

1. 在Vue组件的`mounted`钩子函数中，获取到iframe元素的引用。

2. 使用`src`属性给iframe设置要加载的页面URL。

3. 监听iframe的`load`事件，当iframe加载完成时执行回调函数。

下面是示例代码：

<template>
  <div>
    <iframe ref="myIframe"></iframe>
  </div>
</template>

<script>
export default {
  mounted() {
    const iframe = this.$refs.myIframe;
    iframe.src = 'https://example.com'; // 设置要加载的页面URL

    iframe.addEventListener('load', () => {
      // iframe加载完成后执行的逻辑
      console.log('Iframe loaded');
    });
  },
};
</script>

在以上示例中，`mounted`钩子函数在组件首次加载时调用，获取到了名为`myIframe`的iframe元素的引用。然后通过设置`src`属性，让iframe加载指定的页面URL。最后，通过监听`load`事件，当iframe加载完成时执行回调函数。

请注意，为了避免浏览器的安全限制，确保给iframe加载的页面URL是同源的。否则，可能会因为跨域问题导致无法正常加载。