<template>
    <div style="height: 80vh">
        <iframe ref="myIframe" :src="externalUrl" frameborder="0" class="iframe-box" style="width: 100%; height: 100%"></iframe>
    </div>
</template>

<script>
export default {
    props: ['deMesYul', 'p_article_id'],
    data() {
        return {
            externalUrl: `https://www.tmrjournals.com/ManuscriptProduce.html?J_num=25&a_id=${this.p_article_id}&preview=1`
        };
    },
    components: {},
    computed: {},
    watch: {},

    created() {
        // this.loadDictionary().catch(console.error);
    },
    mounted() {
        const iframe = this.$refs.myIframe;
        // iframe.onload = () => {
        //     iframe.contentWindow.postMessage(
        //         { ...this.deMesYul },
        //         'https://www.tmrjournals.com' // 必须严格写 iframe 页面的域名
        //     );
        // };
    },
    activated() {},

    methods: {}
};
</script>

<style scoped></style>
