报错 | Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key

最新推荐文章于 2023-10-19 15:24:36 发布

快乐的高兴的学习代码中

最新推荐文章于 2023-10-19 15:24:36 发布

阅读量1.4k

点赞数

文章标签： ant-design-vue vue

本文链接：https://blog.csdn.net/A123ppleQueen/article/details/121370877

版权

在使用Ant Design Vue的表格组件时遇到警告：Each record in table should have a unique `key` prop, or set `rowKey` to an unique primary key. 解决方法是在每一列数据上添加key属性，或者为A-Table设置rowKey，并确保其值为唯一的主键。" 103841844,8733709,在Linux上安装Git详细指南,"['Linux开发', '版本控制', 'Git']

摘要由CSDN通过智能技术生成

warning.js?2149:7 Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.]

//这里的代码报了上面的错

<template>
  <div>
      <a-table
        ref="table"
        size="default"
        :columns="columns"
        :data-source="cute"
        :pagination="paginationOne"
      >
      </a-table>
  </div>
</template>
<script>
//这些差不多占位 省略具体内容 不影响观看效果
import {..}....

export default {
  components: {
    Ellipsis
  },
   data () {
      return {
		  columns: [
		          {
		            title: '午餐',
		            dataIndex: 'wucan',
		          },
				  {
				    title: '价格',
				    dataIndex: 'jiage',
				  },{
					 title: '分量',
					 dataIndex: 'fenliang',
				  }
				  ],
                 cute:[],
                 paginationOne: