Element UI 的 el-table 高度動態適配

頁面有效區域就那么大，甲方爸爸喜歡看表格數據時 它的表頭可以固定住，不要全屏滾動。

直接使用el-table的height屬性，可以傳一個高度給它，就會以這個高度固定表格，內部數據滾動~

但是我想屏幕大小table自適應高度，天真的輸入80%， 發現不生效！這就需要人為操作如下：

<template>
    <lls-table
      :data="tableData"
      :height="tableHeight">
    </llst-bale>
</template>
export default {
    data () {
        return {
            tableHeight: window.innerHeight - 320,
　　　　　　　tableData: [],
        }
    },
    created () {
        window.addEventListener('resize', this.getTableHeight)
    },
    destroyed () {
        window.removeEventListener('resize', this.getTableHeight)
    },
    methods () {
        getTableHeight () {
          this.tableHeight = window.innerHeight - 320
        },
    },
}