object标签的使用

<template>
    <div>
        <div>
            <object width="100%" :height="curHeight" :data="NanJingBankUrl"></object>
        </div>
        <div class="BackBlock">
            <img src="../../assets/image/callBack.png" class="callback" @click="reBack">
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            curHeight:''
        };
    },
    computed: {
        NanJingBankUrl() {
            return "http://bank.xinmeihua.com.cn/phzj/index?code="+this.$route.params.empCode+'&channel=PUHUIYIZH';;
        },
    },
    methods: {
        reBack() {
            this.$router.push({
                path: "/financialReport/" +this.$route.params.nowDate+'/'+this.$route.params.empCode+'/'+this.$route.params.shareArticleId+'/-1/-1'
            });
        },  
    },
    created(){
        
    },
    beforeMount() {
        var h = document.documentElement.clientHeight || document.body.clientHeight;
        this.curHeight =h - 42.4; //减去页面上固定高度height
    },
    mounted(){

    }
    
}
</script>
<style scoped>
.BackBlock {
    background: #fff;
    position: fixed;
    bottom: 0px;
    width: 100%;
}
.callback {
    width: 15px;
    padding: 5px 16px 5px 16px;
}
</style>