好久没写了,记录一下一个el-table更新问题。
动态更新el-table中table-col后固定在右侧的操作栏高度显示异常,如下图
上图为更新前,下图为更新后
刷新后就正常了,所以推断是没有同步更新造成的,解决方法如下:
<el-table
:key="elTableKey" // 给el-table绑定key值
></el-table>
<template v-for="item in tableCol"> // 表格列是动态渲染的
<el-table-column></el-table-column>
</template>
当列变化后仅仅是部分更新,所以导致出现以上问题,监听tableCol变化,更新key值,重新渲染。
@Watch('tableCol')
tableColChange() {
this.elTableKey = !this.elTableKey;
}