tab下嵌入超链接,直接显示超链接内容,iframe自适应div

tab下嵌入超链接,直接显示超链接内容

 <el-tabs v-model="activeName" stretch @tab-click="handleClick">
        <el-tab-pane label="盖天力金牌采购" name="first">
          <div style="height: 100vh">
            <iframe width="100%" height="100%" src="xxx"></iframe>
          </div>
        </el-tab-pane>
        <el-tab-pane label="小快克亲子互动" name="second">
          <div style="height: 100vh">
            <iframe width="100%" height="100%" src="xxx"></iframe>
          </div>
        </el-tab-pane>
        <el-tab-pane  label="金牌创意大师" name="third">
          <div style="height: 100vh">
            <iframe  width="100%" height="100%" src="http://xxx"></iframe>
          </div>
        </el-tab-pane>
      </el-tabs>

自适应高度高度

<iframe name="myframe" src="myframe.htm" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document.all['myframe'].style.height=myframe.document.body.scrollHeight" ></iframe>

自适应高度宽度

<iframe name="myframe" src="myframe.htm" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document.all['myframe'].style.width=myframe.document.body.scrollWidth" ></iframe>