elementui使用el-table表格渲染报错Duplicate keys detected: ‘1‘. This may cause an update error.key

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
    },

希望对你有帮助