选择行时如何接收行ID

Question

我正在使用 v-data-table，我想在选择行时获取行 ID。

这是我的代码

<v-data-table
          item-key="id"
          v-model="selected"
          show-select
          :headers="headers"
          :items="users">
</v-data-table>

当我选择一行时给我的东西：

[
{id:2 , name:"kevin" , age : 25 }
]

我需要的东西：

[2]

Answer 1

使用 v-data-table 后，您可以使用表中的 v-model。 然后你可以观察你选择的数组并从中获取你想要的字段。

 <v-data-table
  v-model="selected"
  :headers="headers"
  :items="desserts"
  :single-select="singleSelect"
  item-key="name"
  show-select
  class="elevation-1"
>

如您所见，selected 是我在数据部分中定义的数组。

 data () {
return {
  singleSelect: false,
  selected: []
}