在开发中,使用element的 tabel时候,需求是需要根据不同的类型显示不同的表(有共同的表头),所有就是使用了v-if去判断el-table-column每一项的显示隐藏,结果却发现了数据渲染的错误问题;(数据来源都是一样 的),如图
切换的表头时候,,数据展示错误了;
解决办法:给每个el-table-column项添加唯一的key值,让他渲染显示拥有唯一的key值,因为vue在重新渲染,相同的dom会复用,所以导致了每一项的列还是之前的。
在开发中,使用element的 tabel时候,需求是需要根据不同的类型显示不同的表(有共同的表头),所有就是使用了v-if去判断el-table-column每一项的显示隐藏,结果却发现了数据渲染的错误问题;(数据来源都是一样 的),如图
切换的表头时候,,数据展示错误了;
解决办法:给每个el-table-column项添加唯一的key值,让他渲染显示拥有唯一的key值,因为vue在重新渲染,相同的dom会复用,所以导致了每一项的列还是之前的。