需求：在uniapp项目vue组件中，显示项目某个html页面

首先想到的方法：

1. 使用iframe
2. 使用web-view

方案1：借助iframe，引入本地文件

失败：在vue项目组件中，使用 iframe 引入项目同级目录html文件，但是在页面中显示的不是我所引入的html页面内容，而是项目主页。

---

使用iframe无法实现需求，根据错误原因，又反复研究，切换几种本地引入方式都不行：

---

1 直接使用本地路劲：失败

<iframe src="/static/maps.html" id="dtdt-map" class="dtdt-map" name="ifr1" scrolling="yes"></iframe>

2 使用变量名引入：失败

<iframe scrolling="no" frameborder="0" id="dtdt-map" class="dtdt-map" :src="url"></iframe>

方案2：借助web-view

后来想，会不会是因为官方做了限制？然后又去看了uniapp官方文档，发现在文档中有个可以解决当前问题，即：

web-view 点击前往官网web-view解释

官网web-view解释截图

---

使用方法：

<web-view src="/static/maps.html"></web-view>

---

特别提示：微信小程序不支持本地页面引入

完美引入页面内容