2020-05-08 element table 合计行显示问题

table加入合计后走完接口拿回数据不显示,查看发现已经赋值成功,但是视图上却不显示,解决方法如下
开始是给show-summary一个字段控制他的显示隐藏,从而控制,发现并不生效

          <el-table
            ref="multipleTable"
            v-loading="listLoading"
            :data="list"
            stripe
            border
            fit
            :height="tableHeight"
            :header-cell-style="tableHeaderColor"
            style="width: 100%;"
            show-summary="showSum "
            :summary-method="getSummaries"
            @selection-change="handleSelectionChange"
            @row-click="btn"
            @select-all="selectAll"
          >

        this.showSum = false
        this.$nextTick().then(() => {
          this.showSum = true
        })

后来用到一个重新加载视图的方法解决:Table 的 doLayout 方法，用于重新计算 Table 的布局

          <el-table
            ref="multipleTable"
            v-loading="listLoading"
            :data="list"
            stripe
            border
            fit
            :height="tableHeight"
            :header-cell-style="tableHeaderColor"
            style="width: 100%;"
            show-summary
            :summary-method="getSummaries"
            @selection-change="handleSelectionChange"
            @row-click="btn"
            @select-all="selectAll"
          >

this.$refs.multipleTable.doLayout()