设置vue+ele表格高度铺满一屏

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<ele-pro-table         stripe         ref="table"         :columns="columns"         :datasource="datasource"         :row-click-checked="false"         :row-click-checked-intelligent="false"         :toolkit="['fullscreen']"         :page-sizes="$store.state.page.pagesizes"         :page-size="$store.state.page.pagesize"         :toolStyle="{ background: '#fff' }"         :header-cell-style="{ 'text-align': 'left', background: '#f2f5ff' }"         :cell-style="{ 'text-align': 'left' }"         :height="tableHeight"       > </ele-pro-table>

　　

?

1	tableHeight: 50 //默认初始值

　　

?

1 2 3 4 5 6 7 8 9 10 11 12

mounted() {       this.$nextTick(() => {         // 根据浏览器高度设置初始高度         this.tableHeight =           window.innerHeight - this.$refs.table.$el.offsetTop - 195;         // 监听浏览器高度变化，改变表格高度         window.onresize = () => {           this.tableHeight =             window.innerHeight - this.$refs.table.$el.offsetTop - 195;         };       });     },