当前位置： 首页 > article >正文

vue3中使用iframe不成功的问题

article 2024/11/15 18:05:10

再做大屏的时候，引用了一个html的页面，但是vue3编码，所以需要用到iframe，但是一直报错，故将解决方法做一个备份：

<template>
    <div class="screen-bg">
            <iframe src="/static/index.html" style="width: 100%; height: 100%;z-index: 1;position: fixed; top:0;left: 0;"  ref="iframeDom"></iframe>
</div>
</template>

在public下面增加一个static的文件夹，在文件夹中放index.html,也就是你想要引用的html页面，在iframe的时候不需要public，直接引用/static/index.html即可，同时给宽高


http://www.kler.cn/a/316077.html

相关文章：

  • C# WPF FontDialog字体对话框，ColorDialog颜色对话框 引用
  • kubernetes简单入门实战
  • 写给初学者的React Native 全栈开发实战班
  • 【C++】string类（附题）
  • DBeaver 连接 OceanBase Oracle 租户
  • 大模型时代，呼叫中心的呼入机器人系统如何建设？
  • 逻辑回归 和 支持向量机（SVM）比较
  • 【深入理解SpringCloud微服务】了解微服务的熔断、限流、降级，手写实现一个微服务熔断限流器
  • 【spring】引入 Jackson 依赖 对java对象序列号和反序列化
  • 基于单片机的智能温控风扇系统的设计
  • C语言实现冒泡排序
  • 在泰国旅游不会口语怎么办？求推荐翻译软件！！！
  • 网安新声 | 黎巴嫩BP机爆炸事件带来的安全新挑战与反思
  • 计算机毕业设计选题推荐-基于python+Django的全屋家具定制服务平台
  • Vue3实现类ChatGPT聊天式流式输出(vue-sse实现)
  • torch.embedding 报错 IndexError: index out of range in self
  • 数据结构之二叉树遍历
  • 【Linux系统编程】第二十一弹---进程的地址空间
  • 《概率论与数理统计》学渣笔记
  • uni-app功能 1. 实现点击置顶，滚动吸顶2.swiper一个轮播显示一个半内容且实现无缝滚动3.穿透修改uni-ui的样式
  • 美团测开OC！
  • 【论文串烧】多媒体推荐中的模态平衡学习 | 音视频语音识别中丢失导致的模态偏差对丢失视频帧鲁棒性的影响
  • erlang学习:Linux常用命令2
  • Github 2024-09-23 开源项目周报 Top15
  • Kubernetes集群架构、安装和配置全面指南
  • 目标检测-数据集