elementui使用el-table表格渲染报错Duplicate keys detected: ‘1’. This may cause an update error.key
报错
在使用el-table时报错Duplicate keys detected: ‘1’. This may cause an update error.key
报错原因分析
表格中的数据存在相同的id值,使key值不唯一,导致报错
解决办法
正好el-table提供了设置key值的属性row-key,只要把表格不同行设置成不同的值,就可以解决报错.(代码如下)
html中设置row-key属性
<el-table
v-loading="loading"
:data="data"
border
default-expand-all
:row-key="getRowKeys"
:tree-props="{ children: 'children', children: 'children' }"
>
methods中加入getRowKeys函数返回key值为code + type
getRowKeys(row){
return row.code + row.type
},
希望对你有帮助