iframe 적응형 높이

비즈니스 요구에 따라 일반적인 iframe 구성 요소를 작성했습니다.
1. 높이 적응형(onload 이벤트에서 콘텐츠 높이를 수동으로 가져와 iframe에 제공)
2. 창 크기가 조정되면 창 높이에 따라 높이가 변경됩니다. 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: