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

视图效果如下:

 

 

解决办法如下:

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

 

posted @ 2020-02-19 14:28  carrie_zhao  阅读(819)  评论(0编辑  收藏  举报