在使用element 的table组件时,多级表头切换时发现,表头层级减少时会出现表格全空白的问题,增加表头层级则正常,vue数据正常,可得出是表格渲染的问题
在 销毁 表格时,会触发 removeColumn方法,removeColumn 方法是直接将列数据删除,假如数据array.indexOf(column)为 -1 时,会删除最后一列数据,应先加判断,判断array中是否存在该列再去删除
解决方案
- 修改源代码修复问题
- 将表格列数据的key值改为相同的key,或者非最小层级不指定key,只在最小层级指定key值