表格组件高度可以固定写死吗?
答案是:可以的,但是针对不同分辨率容易出现高度不一致的
bug,那么怎么样才能让表格高度自适应呢?
1、监听浏览器窗口的可视区域大小变化
2、表格组件高度自适应变化
实战中代码:
<template>
<div>
<lls-table
:data="tableData"
:height="maxHeight-320">
</lls-table>
<div>
</template>
<script>
import LlsTable from '@/components'
export default {
components:{ LlsTable },
data () {
return {
maxHeight: window.innerHeight,
tableData: [],
}
},
mounted(){
if (window.addEventListener) {
window.addEventListener("resize", this.resize);
} else if (window.attachEvent) {
window.attachEvent("onresize", this.resize);
}
},
beforeDestroy() {
if (window.addEventListener) {
window.removeEventListener("resize", this.resize);
} else if (window.attachEvent) {
window.detachEvent("onresize", this.resize);
}
},
methods: {
resize() {
this.maxHeight = window.innerHeight;
}
</script>