antdesign-vue的table三种加rowkey的方式

最新推荐文章于 2025-05-06 15:59:38 发布

天宇流沙

最新推荐文章于 2025-05-06 15:59:38 发布

阅读量6.2k

点赞数 8

本文链接：https://blog.youkuaiyun.com/qq_41792374/article/details/118000174

版权

// 方法一·～～～～～～～～～～～～～～～～～～～～～～·
<a-table
     :columns="columns"
     :data-source="tableData"
     size="middle"
     :rowKey='record=>record.id'> // id为 tableData 中的一个属性
</a-table>
//方法2～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
<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>