说明:在ant design vue中a-table组件有个rowKey的属性,官网解释如下

这个属性是不可以去除的,如果你去掉会报这个错,但是一般人去除之后都不在意

 针对报错信息解释

[antdv:Table]表的数据源中的每个记录都应该有一个唯一的'key'属性,或者将表的'rowKey'设置为唯一的主键

如何解决这个问题呢?

第一种后台返回的值中带有唯一的健(主键),id为主键

<a-table 
        :columns="columns" 
        :data-source="tableData"
        size="middle"
        rowKey="id"> 

</a-table>

第二种如果后台没有唯一的建,可以用索引代替,总之办法有很多

<a-table
        :columns="columns"
        :data-source="tableData"
        size="middle"
        :rowKey="(record,index)=>{return index}">
</a-table>

注: rowKey与:rowKey一个绑定的是值,一个是表达式

仅供参考!

Logo

前往低代码交流专区

更多推荐