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>

猜你喜欢

转载自www.cnblogs.com/linjiangxian/p/13398636.html
今日推荐