vue中动态添加tab页，iframe加载页面设置宽高

tab组件用的bootstrap-vue的Tabs

<b-tab v-for="i in tabs" :key="'dyn-tab-' + i" :title="'Tab ' + i">
   Tab contents {{ i }}
   <b-button size="sm" variant="danger" class="float-right" @click="closeTab(i)">
     Close tab
   </b-button>
</b-tab>

添加tab页的时候push到tabs中，将要加载的url加到iframe标签的src属性中。
此时iframe的宽度和高度时不会根据内容自动撑开的，需要在iframe标签的onload事件中进行设置。

<b-tab v-for="i in tabs" :key="'dyn-tab-' + i" :title="'Tab ' + i">
   <iframe
          :src="i.url"
          :id="`${i.id}iframe`"
          :onload="`const oIframe = document.getElementById('${i.id}iframe');const deviceHeight = document.documentElement.clientHeight;oIframe.style.height = Number(deviceHeight)+'px';`"
          frameborder="0"
          width="100%"
        ></iframe>
</b-tab>