zoukankan      html  css  js  c++  java
  • vue+antd 解决的rowKey未指定报错Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.

    说明:

    :rowKey 

    带:的表示绑定的是表达式
    带冒号的表示绑定的是表达式
    不带的表示绑定的就是值

    解决办法有三种,注意这里的id就是datasoure="data" 的data的一个属性

    <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>
    

     

    data:

     

     

  • 相关阅读:
    链表的头指针
    顺时针打印矩阵
    旋转数组的最小数字
    实现string类
    最长对称子串
    DFS和BFS
    最长公共子序列
    排序算法
    大端与小端
    交换两个数
  • 原文地址:https://www.cnblogs.com/SunshineKimi/p/14689472.html
Copyright © 2011-2022 走看看