vue antdesign Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey`

解决办法:  [  :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>