Ant table报错 Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to

安与不安

已于 2023-03-14 18:13:30 修改

阅读量651

点赞数 1

文章标签： javascript vue.js 前端

于 2023-03-14 18:08:13 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_46031192/article/details/129535330

版权

Ant table报错 Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.]

- 方法一
- 方法二（如果后台返回数据没有给你传key/id,那么我们自己去定义）

方法一

<a-table
  :columns="columns"
  :data-source="data"
   size="small"
  :rowKey="(row, index) => {return index;}"
> //row 为每一条数据, index 索引
</a-table>

方法二（如果后台返回数据没有给你传key/id,那么我们自己去定义）

<a-table
  :columns="columns"
  :data-source="dataSource"
   size="small"
   rowKey="key"
 >  // key为 data 中的一个属性 !!! 这里的rowKey不需要冒号
</a-table>

//JS部分
 TableList () {
      ApprovecapacityreviewList(this.formState).then((res) => {
        this.dataSource = res.data.result
        for (let i in this.dataSource) {
          this.dataSource[i].key = parseInt(i) + 1; //主要就是parseInt 这个方法
        }
      })
    },