iframe 自适应高度

业务需求写了个iframe通用组件:
1.高度自适应(在onload事件里手动获取内容高度给到iframe)
2.在窗口resize的时候,高度随着iframe内部内容高度响应变化

<template>
  <div class="iframe-block-wrap">
    <iframe
      v-if="iframeId && iframeData"
      :id="iframeId"
      :srcdoc="iframeData"
      :frameborder="frameborder"
      :scrolling="scrolling"
      :width="width"
      @load="onloadFn"
    ></iframe>
  </div>
</template>

<script lang="ts">
export default {
   
    
    
  name: 'IframeBlock',
  props: {
   
    
    
    data:

猜你喜欢

转载自blog.csdn.net/be_strong_web/article/details/121851634
今日推荐