526互联

elementui admin中使用外部链接 iframe进行页面的展示

发布时间 2023-06-27 15:09:27作者: 妞妞猪

有时候我们需要外部链接进行展示而且想要这个外部链接的页面不是打开新窗口而是嵌入在项目布局中，就需要用到iframe控件了， iframe控件不需要安装依赖包，可以直接使用

1.在template中写

<template>
    <div>
        <iframe :src="linkUrl" frameborder="0" :style="{'height':ifHeight,'width':'100%','margin-left':'10px'}"></iframe>
    </div>
</template>
2.在script中写
<script>
export default {
    data () {
        return {
            linkUrl:''
        }
    },
    computed:{
        ifHeight(){
            return document.body.clientHeight + 'px'
        }
    },
    mounted(){
        this.linkUrl =  ”链接地址“
    }
}
</script>