在使用ant-design vue框架的时候,表格组件里面会碰到 Each record in table should have a unique key
prop,or set rowKey
to an unique primary key这样的报错,具体见下图
原因分析:
我看了一下官网,以及搜索了很多答案,最终原因是:
在 Table 中,dataSource 和 columns 里的数据值都需要指定 key 值。对于 dataSource 默认将每列数据的 key 属性作为唯一的标识。如果你的数据没有这个属性,务必使用 rowKey 来指定数据列的主键。若没有指定,控制台会出现缺少 key 的提示,表格组件也会出现各类奇怪的错误。
解决方案:
就是在<a-table></a-table>
标签里面加上 :rowKey="(record, index) => { return index }"
这句话就可以解决啦~
<a-table :row-selection="rowSelection" :rowKey="(record, index) => { return index }" :columns="columns" :data-source="data" bordered :pagination="pagination"> </a-table>
原文:https://blog.csdn.net/weixin_45003732/article/details/126519611
标签:set,primary,record,key,rowKey,unique From: https://www.cnblogs.com/wjs2019/p/18220807