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/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>