今天在使用vue + elementUI的el-table时,碰到一个很奇怪的bug:打印数据源正常,但是数据显示错误,一列不显示,一列显示重复
后面查了很多资料才知道el-table做了优化,可以复用列。解决方案是给table加上一个key
标签,如下所示:
<el-table :data="tableData" v-if="trackType === 1" key="0">
<el-table-column/>
</el-table>
<el-table :data="tableData" v-if="trackType === 2" key="1">
<el-table-column/>
</el-table>
修改后数据就可以正常展示了