vue使用iframe嵌入html

最新推荐文章于 2024-09-14 14:45:10 发布

jian简减

最新推荐文章于 2024-09-14 14:45:10 发布

阅读量3.4k

点赞数 2

分类专栏：开发遇到的坑文章标签： HTML iframe Vue 静态资源窗口自适应

本文链接：https://blog.csdn.net/weixin_43928792/article/details/123095506

版权

开发遇到的坑专栏收录该内容

19 篇文章 4 订阅

订阅专栏

1.本地html文件的存放
在根目录下找到public文件夹，在public文件夹下创建static文件夹，把html文件放入static文件夹中
2.使用iframe标签引入html文件

<template>
  <iframe   src="/static/test.html"   :style="{width: width, height:height}" frameborder="0" ></iframe>
</template>
<script>
export default {
  name: 'ComponentsName',
  data() {
    return {
      height: window.innerHeight + 'px',//自适应当前窗口高度
      width: '100%'//自适应当前窗口宽度
    }
  },
}
</script>