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()
