elemetui 解决同个页面,同时使用多个el-table表格组件导致的数据错乱

1、背景

在一个页面中,使用了饿了么框架的3个el-table表格,3个表格平级,只不过是根据条件判断渲染哪个表格。本来以为使用v-if就可以隔离,没想到还是出现了问题,因为3个表格中有几列绑定的字段一模一样,导致了数据错乱,A列的数据绑定到了B列……离谱

2、解决办法

在每一个el-table-column上都加上一个唯一属性的key,这样就解决了。
在这里插入图片描述

你可能感兴趣的:(vue开发学习,elementUi,vue.js,elementui,前端)