Ant Design Vue之rowKey问题
说明:在ant design vue中a-table组件有个rowKey的属性,官网解释如下这个属性是不可以去除的,如果你去掉会报这个错,但是一般人去除之后都不在意针对报错信息解释[antdv:Table]表的数据源中的每个记录都应该有一个唯一的'key'属性,或者将表的'rowKey'设置为唯一的主键如何解决这个问题呢?第一种后台返回的值中带有唯一的健(主键),id为主键<a-table:
·
说明:在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一个绑定的是值,一个是表达式
仅供参考!
更多推荐
已为社区贡献1条内容
所有评论(0)