el-table作为子组件tableHeight值变了，视图却没有更新

Posted 2021-03-09 carriezhao

视图效果如下：

 

 

解决办法如下：

// 在子组件挂载完成后，采用定时器延缓计算表格高度
mounted() {
    /** 计算表格高度
        *  使用定时器来计算表格高度，避免展开/收起查询条件时表格高度不更新
        */
    let timer;
    clearInterval(timer);
    setInterval(() => {
        this.$nextTick(() => {
            this.tableHeight = this.tbHeight - 0;   // 计算表格高度
        });
    }, 1);
}