部分代碼如下：

<section :style="{height: autoHeight}">
     <el-table
        ref="channelTable"
        :data="tableData"
        tooltip-effect="dark"
        style="width: 100%"
        :height="tableHeight"
        :max-height="tableHeight"
        :highlight-current-row="true"
        v-loading="loading">
        ...
        ...
    </el-table>
</section>

data () {
    return {
        moduleList: [],
        autoHeight: '',
        tableHeight: 0,
        tableData: [],
        loading: false，
        ...
    }
},

我在mounted的時候給表格高度賦值，讓表格高度顯示正好一屏

let height = document.body.clientHeight
this.autoHeight = height - h + 'px'
this.tableHeight = height - h
let that = this
window.onresize = () => {
    that.autoHeight = document.body.clientHeight - h + 'px'
    that.tableHeight = document.body.clientHeight - h
}

現(xiàn)在的問題是，我一進(jìn)頁面，表格顯示不出來，但是一旦檢查元素，調(diào)出控制臺觸發(fā)resize了，表格就出來了，然后我保持打開控制臺狀態(tài)刷新頁面，光標(biāo)移上去發(fā)現(xiàn)section高度是對的，但是table得高度和最大高度都是0，不知道是什么情況
另，發(fā)現(xiàn)ref里style屬性有個很奇怪的地方，貼圖如下

換言之，第一次渲染的時候，高度的賦值并沒有賦到原本就存在的兩個屬性height和maxheight，而是在style下新建了2和3兩個屬性