计算当前页面最大表格高度

master
FCD 1 month ago
parent a1c9ae38b1
commit e92549a72b

@ -0,0 +1,43 @@
export default {
data() {
return {
tableHeight: 100
}
},
methods: {
calculateHeight() {
let conditionHeight = 0
if (this.pageHeaderRef && this.pageHeaderRef.offsetHeight) {
conditionHeight = this.pageHeaderRef.offsetHeight
}
const remainingHeight = window.innerHeight - this.fixedHeight - conditionHeight
this.tableHeight = Math.max(remainingHeight, this.minHeight)
}
},
mounted() {
this.$nextTick(() => {
this.calculateHeight()
window.addEventListener('resize', this.calculateHeight)
});
},
beforeDestroy() {
window.removeEventListener('resize', this.calculateHeight)
},
props: {
pageHeaderRef: {
type: HTMLElement,
default: null
},
fixedHeight: {
type: Number,
default: 200
},
minHeight: {
type: Number,
default: 350
}
}
}
Loading…
Cancel
Save