element el-table-column使用v-if导致列与数据错乱

当我代码中的el-table写成这样时,会出现列与对应数据错乱






  

image.png

后来我搜索到了el-table的列其实也是基础循环出来的,而vue在dom重新渲染时有一个性能优化机制,就是相同dom会被复用,所以给每一个列加了一个特定的key,确定了这几个列的唯一性,就没有问题喽!!

代码如下:

image.png

你可能感兴趣的:(element el-table-column使用v-if导致列与数据错乱)