iview/element table组件高度动态设置

 一、组件

<Table highlight-row border :columns="columns7" :data="data6" ref="table" :height="tableHeight"></Table>

 二、data数据

tableHeight: null,

三、mounted 钩子

mounted() {let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; //浏览器高度let topH = this.$refs.elememtHeight.offsetTop;//表格距浏览器顶部距离let tableHeight =(h - topH)*0.72  //表格应该有的高度   乘以多少可自定义this.tableHeight = tableHeight;},

window.innerHeight 是浏览器的可用高度

this.$refs.elememtHeight.offsetTop 是表格距离浏览器可用高度顶部的距离