vue组件中使用iframe元素的示例代码

前端之家收集整理的这篇文章主要介绍了vue组件中使用iframe元素的示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文介绍了vue组件中使用iframe元素的示例代码分享给大家,具体如下:

需要在本页面中展示vue组件中的超链接,地址栏不改变的方法:

不过html5有新的dialog元素用于对话框。

iframe的一些方法

获取iframe内容

获取iframe的window对象 console.log("document",idoc); //获取iframe的document console.log("html",idoc.documentElement);//获取iframe的html console.log("head",idoc.head); //获取head console.log("body",idoc.body); //获取body

自适应 iframe:

即1去掉滚动条,2设置宽高

例子:

代码如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Vue相关文章