[FE] 被动检测 iframe 加载 src 成功失败的一种思路和方式 (Vue)
2023-09-14 09:02:26 时间
思路:设置定时器一个,n 秒后设置 404 或其它,此时给 iframe 的 onload 事件设置回调函数,加载完成则取消定时器。
示例:
data () { return { handler: null } } created () { this.handler = setTimeout(() => { const iframe = document.querySelector('#iframe_id') iframe.src = './404' }, 3000) } mounted () { const self = this const iframe = document.querySelector('#iframe_id') iframe.onload = function () { self.iframeCompleteLoad = true clearTimeout(self.handler) } }
相关文章
- vue+mongodb_mongodb开启auth认证
- 前端vue中文件下载的几种方式
- Vue(27)vue-codemirror实现在线代码编译器「建议收藏」
- html使用vue axios,使用 Vue和axios
- vue数据双向绑定原理-watcher
- 你知道import Vue from 'vue' 吗?
- vue之NoticeBar 通告栏用于展示公告信息,可设为滚动公告 - uniapp
- vue二维码生成可自定义logo
- Vue组件库文档站点的搭建思路
- Java项目分享-SpringBoot + Vue + MyBatis 音乐网站项目
- vue遍历数组中的数组_vue数组转json
- Vue值Router(路由)2
- IDEA安装Vue插件后为什么创建.vue文件不显示vue图标
- 开心档-软件开发入门之Vue.js Ajax(vue-resource)
- Vue入门 - 环境搭建&项目初始化(HelloWorld)
- linux下快速部署Vue项目(linux部署vue)
- Vue框架搭建在Redis之上的Web应用(vue请求redis)
- Vue实时监测Redis变化(vue监控redis变化)
- 从零开始Vue项目中使用Redis(vue使用redis)