iframe框架嵌入一个网页,vue使用iframe嵌入网页
怎样使用iframe，在网页中插入页面
第一步：需要建立两个页面1.html与2.html,把2.html插入1.html
第二步：在1.html中使用iframe/iframe标签
例如：iframe src=".../2.html"/iframe
这样就插入了2.html页面。
拓展分析：
如果需要控制插入页面的大小等其他属性
例如：iframe src=".../2.html" style="width:**px;height:**px;"/iframe
如果需要嵌入的页面可以滚动，添加scrolling属性，yes为滚动，no相反；
例如：iframe src=".../2.html" scrolling=no style="width:**px;height:**px;"/iframe
如果需要设置这个嵌入网页的边框，则添加frameBorder属性
例如：iframe src=".../2.html" frameBorder=0 scrolling=no style="width:**px;height:**px;"/iframe
如果需要设置嵌入网页到边距的距离，添加属性marginwidth、marginheight等
例如：iframe src=".../2.html" frameBorder=0 scrolling=no marginwidth=0 marginheight=0 style="width:**px;height:**px;"/iframe
当然还有其他的属性，这个可以去网上查一下控制html网页的属性。
关于iframe嵌套页面用法
1.在HTML中写入iframe标签
iframe name="my-iframe" id="my-iframe" src="初始显示的页面或者图片" frameborder="边框（一般为0）" width="宽" height="高" scrolling="是否滚动（一般为“no”）"/iframe
2.在HTML中写入a标签，当点击a标签时，子页面跳转到所需的页面
3.如果有多个子页面之间切换，只需要多写几个a标签，并且将它的href换成你所要跳转的html页面即可。切记，target是不变的，和先前的iframe保持一致！！！iframe标签只需要一个。
如下：
iframe：
a:
iframe代码—网页中嵌入其他网页
一、固定位置的iframe代码：
DIV
align=centerIFRAME
src=""
frameBorder=0
marginwidth=0
marginheight=0
scrolling=no
style="width168:px;height:50px;"
width=168
height=50
scrolling=no
ALLOWTRANSPARENCY="true"/IFRAME/DIV
效果如下：
说明：这是一个嵌入含有天气预报的应用实例。这个效果最常用。其中：
1、"" 为嵌入的网页的地址；
2、width="168px"
height="50px"为嵌入的网页的宽度和高度，数值越大，范围越大；要隐藏显示嵌入的内容，可把这两个数值设置为
；
3、scrolling="no"
为嵌入的网页的滚动设置，当内容范围大时，可设置为允许滚动为
scrolling="yes"。
ALLOWTRANSPARENCY="true"
为允许透明设置，把true改为no为不透明。下同；
4、frameBorder=0
为嵌入的网页的边框设置，0
表示无边框，1
表示边框粗细，数值越大边框越粗。下同；
5、marginwidth=0
marginheight=0
设置嵌入网页到边距的距离，0
表示无边距。
怎么用iframe嵌入整个页面
使用iframe可以截取网站的部分内容，主要配合width、height、overflow等属性来实现的，具体示例如下：
div style="width:630px;height:350px;overflow:hidden;border:0px"
div style="width:800px;height:800px;margin:-810px 0px 0px -10px;"
iframe src="要截取的网址" width="960" height="1280" scrolling="no"/iframe
/div
/div
以上代码中的width 和height分别代表宽度和高度，具体值需要根据具体网页来更改。