Vue Iview table高度随浏览器窗口大小变化
在mounted中监听
<template>
<div class="tables">
<Table class="table"
:height="tableHeight"
:columns="columns"
:data="list"
:loading="loading"
:border="true" />
</div>
</template>
<script>
export default {
data() {
return {
loading: true,
tableHeight: 800
}
},
mounted() {
this.tableHeight = document.body.clientHeight
// 监听浏览器窗口大小变化从而改变table高度
window.onresize = () => {
return (() => {
this.tableHeight = document.body.clientHeight
console.log(this.tableHeight)
})()
}
}
}
</script>
<style lang="less" scoped >
.tables{
height: 100vh;
overflow: auto;
background: white;
}
</style>