iframe自适应高度

vue版本

1.template内

<iframe :style="{height:iframeHeight}" id="bdIframe" class="iframePDF" :src="docViewUrl" frameborder="0" scrolling="no"></iframe>

2.script内

data() {
        return {
            iframeHeight: '',               //iframe实际高度
        };
    },

// iframe自适应高度
const oIframe = document.getElementById('bdIframe');
const deviceHeight = document.documentElement.clientHeight;
this.iframeHeight = deviceHeight - 100 + 'px'
// iframe自适应高度end