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

Scroll Down

使用atdv的表格组件时报错:
Warning: [antdv: Each record in table should have a unique key prop,or set rowKey to an unique primary key.]

20210404182716.jpg

遇到这种情况,有两种解决方法。

方法一:

请求返回的数组中添加key字段,但是这种方法比较麻烦,不建议使用。

方法二(推荐):

在引用时添加:rowKey="(record) => record.id",具体如下。

<a-table
      :columns="columns"
      :data-source="data"
      :pagination="pagination"
      :rowKey="(record) => record.id"
      :row-selection="{
        selectedRowKeys: selectedRowKeys,
        onChange: onSelectChange,
      }"
    >

即可完美解决。