ant-design-vue——Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.]

时间：2020-07-29 19:47:53 阅读：189 评论：0 收藏：0 [点我收藏+]

搬运自：https://www.cnblogs.com/dafei4/p/13020211.html

解决办法: [ :rowKey ]

带冒号的表示绑定的是表达式
不带的表示绑定的就是值

方法一：

<a-table
     :columns="columns"
     :data-source="tableData"
     size="middle"
     :rowKey=‘record=>record.id‘> // id为 tableData 中的一个属性
</a-table>

方法二：

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

方法三：

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

ant-design-vue——Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.]

原文：https://www.cnblogs.com/linjiangxian/p/13398636.html

踩

(0)

评论一句话评论（0）