element-ui 表格动态表头导致表格空白问题

597 阅读1分钟

在使用element 的table组件时,多级表头切换时发现,表头层级减少时会出现表格全空白的问题,增加表头层级则正常,vue数据正常,可得出是表格渲染的问题

image.png

在 销毁 表格时,会触发 removeColumn方法,removeColumn 方法是直接将列数据删除,假如数据array.indexOf(column)为 -1 时,会删除最后一列数据,应先加判断,判断array中是否存在该列再去删除

解决方案

  1. 修改源代码修复问题
  2. 将表格列数据的key值改为相同的key,或者非最小层级不指定key,只在最小层级指定key值