在vue项目中,使用vue.ant.design中的Table组件会出现一下报错: 

列表中的每个记录应该有唯一的“key”支持,或者将“rowKey”设置为唯一的主键。 

方法一:对数据进行处理,加入key的键值对

data.forEach((item, index) => {
	item.key = index + 1;	
})

方法二:设置rowKey

<a-table rowKey="id" :columns="columns" :dataSource="data">
</a-table>

id为列表中唯一标识

Logo

前往低代码交流专区

更多推荐