怎么自定义elementui中的row-key
时间: 2024-04-30 10:21:36 浏览: 138
vue+element-ui实现穿梭框数据自定义排序
在 ElementUI 中,可以通过设置 `row-key` 属性来指定表格中每一行的唯一标识符。默认情况下,`row-key` 为每一行的索引值。如果你想要自定义 `row-key`,可以按照以下步骤进行操作:
1. 在表格组件中添加 `row-key` 属性,并将其绑定到一个计算属性中。
```
<el-table :data="tableData" :row-key="currentRowKey">
```
2. 在计算属性中返回每一行的唯一标识符。例如,如果你的数据中有一个 `id` 字段,可以使用该字段作为 `row-key`。
```
computed: {
currentRowKey() {
return row => row.id;
}
}
```
3. 如果你想要使用多个字段作为 `row-key`,可以将这些字段拼接成一个字符串作为唯一标识符。
```
computed: {
currentRowKey() {
return row => row.id + '-' + row.name;
}
}
```
阅读全文