当前位置：网站首页>[antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique.....

[antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique.....

2022-07-17 05:12:00 【Dayaer】

vue antdesign 使用表格组件时控制台报警告，原因是缺少唯一的id，搜集了三种方法
报错：
在这里插入图片描述

方法一：

// 接口返回数据里有唯一的值
<a-table
     :columns="columns"
     :data-source="tableData"
     :rowKey='record=>record.id'> 
</a-table>

方法二：(和方法一道理一样，都是取的数据里的id来做唯一值)

<a-table
      :columns="columns"
      :data-source="tableData"
      rowKey="id">  // 这里的rowKey不需要冒号
</a-table>

如果接口返回的数据列表没有可以区分的唯一的值，可以用此方法

方法三：

<a-table
      :columns="columns"
      :data-source="tableData"
      :rowKey="(record,index)=>{return index}"> 
</a-table>

版权声明
本文为[Dayaer]所创，转载请带上原文链接，感谢
https://blog.csdn.net/ke_sin/article/details/119648281