vue中引入其他网站页面

最新推荐文章于 2024-09-14 14:45:10 发布

过客璇璇

最新推荐文章于 2024-09-14 14:45:10 发布

阅读量7.2k

点赞数 5

分类专栏： vue jquery

本文链接：https://blog.csdn.net/qq_36706878/article/details/102593309

版权

jquery 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

vue

4 篇文章 0 订阅

订阅专栏

以百度为例因为代码比较简单直接附上源码

<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>

测试结果如下：