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

@阿呜

已于 2022-06-02 15:02:20 修改

阅读量1.8k

点赞数 2

文章标签： vue ant

于 2021-08-12 16:52:18 首次发布

本文链接：https://blog.csdn.net/ke_sin/article/details/119648281

版权

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>

关注