vue中引入其他网站页面
以百度为例 因为代码比较简单 直接附上源码
<template><Card shadow><div style="min-height: 500px;width: 100%;"><iframe id="iframeId" :src="url" frameborder="0" class="pc iframe" scrolling="auto"></iframe></div></Card>
</template>
<style lang='less'>
.iframe {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: #fff;overflow-y: hidden;
}
</style>
<script>export default {components: {},data () {return {url: 'https://www.baidu.com/'}},mounted () {},methods: {}}
</script>
测试结果如下:
vue中引入其他网站页面相关推荐
- vue中组件在不同页面中渲染出错
vue中组件在不同页面中渲染出错 封装了一个组件 封装了一个组件 遇到问题了,特向各位大佬请教 比如我封装了一个 child 组件 我在father 页面中引入 可以正常使用 而且css 样式不会出现 ...
- Vue中引入swiper插件报错:To install it, you can run: npm install --save swiper/css/swiper.css
Vue中引入swiper插件报错:To install it, you can run: npm install --save swiper/css/swiper.css 今天在写项目的时候用到了Sw ...
- Vue中引入echarts的步骤,折线图、柱状图、饼图的常用配置项
vue中引入echarts 一.安装echarts 二.引入echarts 1.全局引入 2.局部引入 三.vue中使用echarts 1.准备好函数 2.准备一个容器来放echarts 3.初始化容 ...
- Vue 中引入markdown富文本编辑器并根据md格式渲染
Vue 中引入markdown富文本编辑器 在vue组件中,比较好用的是mavon-editor,github文档地址 https://github.com/hinesboy/mavonEditor ...
- Uniapp/Vue中引入使用阿里图标
一.uniapp中引入阿里图标 将图标加入购物车部分省略 1.下载阿里图标到本地,uniapp不支持symbol格式 2. 打开下载的压缩包,只需要inconfont.css ,将其放到我们的项目 s ...
- Vue中引入并使用动态图标
Vue中引入并使用动态图标 1.安装依赖 2.在Vue项main.js中引入 3.经过以上操作,已经实现全局引入,在任何地方直接使用即可. 本次选用Font-awesome-animation 1.安 ...
- vue中引入高德js
项目概述: 通过在vue中引入高德js,实现地图的加载呈现,以及在地图中实现设备坐标定位,并在设备列表点击的同时进行定位点的切换和地图视图的切换,在点击坐标点的时候可以弹出相关介绍信息. 第一步:在i ...
- 在vue中引入外部的css文件
在vue中引入外部的css文件 在项目的src文件下,新建一个style文件夹,存放css文件. 1. 全局引入 将外部的css文件放到style文件下,引入外部文件只需在main.js文件中 imp ...
- vue中引入全年日历插件calendar.js
针对依赖amazeui的全年日历插件在vue项目中的问题 cnpm i jquery cnpm i amazeui 在当前vue中引入jquery .amazeui及相关css或这全局引入(看其他是否 ...
最新文章
- 一个电脑的重装到java开发环境安装配置的全过程
- java 刷新jtextarea_Java JTextArea不能实时刷新的问题
- Android模拟器启动3个g,android,模拟器_android 模拟器用3.18的内核无法启动,一直黑屏。,android,模拟器,内核 - phpStudy...
- 安装、部署DPM 2012 R2服务器
- ASP.NET Core MVC 源码学习:详解 Action 的激活
- 2021-06-22 超链接伪类
- 用友凭证打印故障解决
- xshell绿色版下载-连接远程服务器-unzip使用
- Unity发布游戏在iOS设备上出现的字体问题
- android 字体特效,Android自定义View实现闪耀字体效果
- GNP/CMC(纳米石墨片/羧甲基纤维素钠)和GNP/rGO(纳米石墨片/还原氧化石墨烯)复合石墨膜-供应硫化锗玻璃/ 硒化镓GaSe/硫化镓GaS/碘化铬CrI3/鈣鈦礦/二硫化钛TiS2薄膜定制
- 搜索请求实体(Request Body Search)
- 深度解析Linux通过日志反查入侵
- keepalived高可用(脑裂)
- linux下WMB通过ODBC连接DB2数据库
- 云队友丨拼多多的两个世界
- FFT算法中的倒序法
- 360随身WiFi捆绑360云盘
- 魔乐科技安卓开发教程----李兴华----13视频录制
- git 更新代码到本地