在一个网页引入另一个网页

Question

问题遇到的现象和发生背景

让网页开一个窗口，窗口显示其他网页

用代码块功能插入代码，请勿粘贴截图

以前用过一次，具体是什么忘记了

运行结果及报错内容

就是可以在一个网页中引入另一个网页

我的解答思路和尝试过的方法

百度没搜到

我想要达到的结果

在自己的网页中开一个窗口，引入其他网页的内容

Answer 1

<iframe ref="iframe" src="src(这里写要嵌入的网页地址)" frameborder="0" class="iframe-main"></iframe>
.iframe-main {
  width: 100%;
  height: 100%;
}

Answer 2

<template>
  <iframe ref="iframe" :src="src" frameborder="0" class="iframe-main"></iframe>
</template>

<script>
export default {
  props: {
    src: {
      type: String,
      default: '',
    },
  },
  mounted() {
    // 监听屏幕resize
    window.addEventListener("resize", this.initIframe);
  },
  beforeDestroy() {
    window.removeEventListener("resize", this.initIframe);
  },
  methods: {
    getIframe() {
      let iframe = document.querySelector('.iframe-main');
      return iframe;
    },
    initIframe() {
      let iframe = document.querySelector('.iframe-main')
      iframe.style.width = "100%";
      iframe.style.height = "100%";
    },
  },
}
</script>

<style lang="scss" scoped>
.iframe-main {
  width: 100%;
  height: 100%;
}
</style>