vue 通过iframe嵌入本地html和外部html
程序员文章站
2022-06-26 16:14:36
...
vue中通过iframe方式嵌入本地html
实现方法:
1、在public文件夹下创建static文件夹,static文件夹下放置需要展示的html文件
2、在vue页面中通过iframe嵌入html
具体文件位置:
代码
<div style="width: 100%">
<!--静态html资源-->
<div class="textCenter">
<h2>标题</h2>
</div>
<div>
<iframe src="/static/home.html" scrolling="auto" frameborder="0" style="width: 100%;height: 600px;"></iframe>
</div>
</div>
效果:
vue中通过iframe方式嵌入外部html
实现方法:
1、在vue页面中通过iframe嵌入html地址
实现代码
<div style="width: 100%">
<div class="textCenter">
<h2>标题</h2>
</div>
<!--接口形式-->
<div>
<iframe src="https://www.baidu.com/" scrolling="auto" frameborder="0" style="width: 100%;height: 600px;"></iframe>
</div>
</div>
效果:
上一篇: ios 程序中嵌入网站
下一篇: 在vue中引入外部less文件