vue iframe高度自适应撑开

在Vue中实现iframe高度自适应撑开的方法如下：

1. 在Vue组件中创建一个data属性来存储iframe的高度：

data() {
  return {
    iframeHeight: 0
  }
}

2. 在组件的template中使用v-bind指令将data中的iframeHeight绑定到iframe元素的height属性上：

<iframe :src="yourIframeUrl" :style="{ height: iframeHeight + 'px' }"></iframe>

3. 在mounted钩子函数中，给iframe元素添加一个load事件监听器，并在回调函数中设置iframeHeight为iframe内容的实际高度：

mounted() {
  const iframe = document.querySelector('iframe');

  iframe.addEventListener('load', () => {
    this.iframeHeight = iframe.contentWindow.document.body.scrollHeight;
  });
}

通过上述步骤，当iframe加载完成后，通过获取iframe内部内容的高度将其赋值给data属性中的iframeHeight，从而实现了iframe高度的动态自适应撑开。