博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中使用iframe
阅读量:7095 次
发布时间:2019-06-28

本文共 772 字,大约阅读时间需要 2 分钟。

一、iframe是什么

iframe就是我们常用的iframe标签:iframe标签是框架的一种形式,也比较常用到,iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站或者本站其他页面的内容。iframe标签的最大作用就是让页面变得美观。

二、iframe的用法

首先需要了解iframe标签的写法,和大多HTML标签写法相同,iframe标签输入形式为: < iframe >和< /iframe >。以< iframe >开头,以< /iframe >结尾,将需要的文本内容添加到两个标签之间即可。iframe标签内的内容可以做为浏览器不支持iframe标签时显示。

 //  width插入页的宽;height插入页的高;scrolling  // 是否显示页面滚动条(可选的参数为auto、yes、no,如果省略这个参数,则默认为auto); // frameborder  边框大小;复制代码

三、vue中嵌入iframe (demo)

在vue中嵌入iframe,并用监听的方式实现vue页面与iframe页面之间的数据绑定

index.html    
test

假设这里是配置,随便输入点东西

这里是生成的最终HTML

显示的iframe

复制代码
Document
{
{ config.text }}
复制代码
复制代码

转载地址:http://uiaql.baihongyu.com/

你可能感兴趣的文章
差分信号(Differential Signal)
查看>>
Aix项目_shell_rsh_01
查看>>
HDU 5726 GCD 求给定序列中与查询段相等的GCD个数
查看>>
python实训第四天
查看>>
5-4-3原则
查看>>
html图像入门
查看>>
C# Mongo Client 2.4.2创建索引
查看>>
我的第四个网页制作:列表标签
查看>>
【python进阶】详解元类及其应用2
查看>>
简单实用的菜单栏
查看>>
AMap行政区查询服务
查看>>
SpringBoot2.0源码分析(一):SpringBoot简单分析
查看>>
Java,net上的几篇文章
查看>>
Chrome的Awesome Screenshot的插件离线下载
查看>>
改变self.navigationItem的显示标题
查看>>
Revit2014机电系统类型BUG
查看>>
函数指针
查看>>
数学图形之Boy surface
查看>>
Objective-C中把数组中字典中的数据转换成URL
查看>>
mysqld: unrecognized service
查看>>