当前位置: 首页 > 知识库问答 >
问题:

vue.js - vue iframe 另1个vue打包文件页面,但加载的时候需要等很长时间,怎么可以获取另1个vue页面加载完了?

荀靖
2023-09-13

vue iframe 另1个vue打包文件页面,但加载的时候需要等很长时间,怎么可以获取另1个vue页面加载完了?

image.png

应该怎么做?

共有2个答案

松桐
2023-09-13

这个laoding完全可以在iframe里面去做,外层不需要感知

唐高朗
2023-09-13

可以通过监听iframe的加载事件来判断另一个vue页面是否加载完成。具体的做法是,在父页面中,给iframe元素添加一个load事件的监听器,当iframe页面加载完成时触发该事件,然后执行相应的操作。示例代码如下:

<template>  <div>    <iframe ref="myIframe" src="另一个vue打包文件页面的url" @load="frameLoad"></iframe>  </div></template><script>export default {  methods: {    frameLoad() {      // 执行当iframe页面加载完成后的操作      console.log("另一个vue页面加载完成");      // 其他操作...    },  },};</script>

在以上代码中,通过给iframe元素添加了@load="frameLoad"事件监听,当iframe页面加载完成后,会触发frameLoad方法,然后你就可以在该方法中执行相应的操作,比如控制页面显示、更新数据等。

注意:需要将"另一个vue打包文件页面的url"替换为实际的URL。

 类似资料:
  • 页面延时1秒加载a.js。 在a.js中怎样等待主页面加载完成后执行一段代码。 a.js中用onload是没效果的。

  • 在vue项目里,正常的请求是通过 this.$store.dispatch("login/Info") 有1个单独的页面请求另1个网址 会一直获取错误 networkError,应该怎么解决?谢谢。

  • 我在20分钟前问过这个问题,但当我插入代码时,站点需要很长时间才能加载。10分钟后,我收到以下错误消息: 使用以下代码:

  • 我正在使用Jsoup解析网站的内容。问题是页面上有些数据需要几秒钟才能加载。因此,我的程序只能获取加载图形,而不能获取加载的数据。以下是我得到的: 如果我在浏览器中打开此url,我实际上可以看到此块的内容,而不是“加载”字。 我想知道在页面完全加载后是否还有其他方法可以获取内容。以下是我的简单代码: 任何帮助真的真的很感激。

  • 我们正在尝试找到一个网站的Selenium WebDriver的页面加载时间。我们想要得到页面加载时间的多个屏幕/网页在网站,如登录和登录后,主屏幕等。 我们的driver.get()调用是针对登录URL的,

  • 问题内容: 您将从这段代码中看到它从hash标签加载了内容URL。无论如何,是否只能从该外部页面加载单个div元素。 所以像之后 但这不起作用。 谢谢 问题答案: 您只需要在URL之后添加一个jquery选择器。 直接来自API的示例: 因此,它的作用是从指定的URL加载#container元素。