iframe引入报表,高度的自适应。
export default {
name: 'turnoverfamily',
data(){
return{
bdTokenUrl : 'http://193.112.22.34:8081/WebReport/ReportServer?reportlet=PHBIP_JTXX.cpt&op=view'
}
},
created() {
this.getUrl();
this.$nextTick(()=>{
this.getCode();
});
},
mounted(){
/**
* iframe-宽高自适应显示
*/
const oIframe = document.getElementById('bdIframe');
const deviceWidth = document.documentElement.clientWidth;
const deviceHeight = document.documentElement.clientHeight;
oIframe.style.width = (Number(deviceWidth)-220) + 'px'; //数字是页面布局宽度差值
oIframe.style.height = (Number(deviceHeight)-120) + 'px'; //数字是页面布局高度差
},
methods: {
/**
* 获取-外部接口信息
*/
getUrl() {
let that = this
let bdUrl = {queryurl: this.$paths.bdpath+'/locate'};
this.$api.getBdToken(bdUrl,function(res) {
that.bdTokenUrl = res.data.data;
})
},
}
}
标签:Vue,const,bdUrl,适应,iframe,oIframe,document,data
来源: https://blog.csdn.net/qq_42252552/article/details/89643293