<template>
    <div v-loading="loading" :style="'height:' + height">
        <iframe :src="src" frameborder="no" style="width: 100%; height: 100%" scrolling="auto" />
    </div>
</template>
<script>
export default {
    props: {
        src: {
            type: String,
            required: true,
        },
    },
    data() {
        return {
            height: document.documentElement.clientHeight - 94.5 + 'px;',
            loading: true,
            url: this.src, 
        }
    },
    mounted: function () {
        setTimeout(() => {
            this.loading = false
        }, 300)
        const that = this
        window.onresize = function temp() {
            that.height = document.documentElement.clientHeight - 94.5 + 'px;'
        }
    },
}
</script>
