如何将复选框与v-data-table - Vuetify集成

<v-data-table
  :headers="headers"
  :items="items"
  item-key="id"
>

<v-data-table
  :headers="headers"
  :items="items"
  item-key="id"
>
  <template v-slot:headers="props">
    <th>
      <v-checkbox
        v-model="selectedItems"
        :indeterminate="selectedItems.length > 0 && selectedItems.length < items.length"
        :input-value="props.all"
        primary
      ></v-checkbox>
    </th>
    <th v-for="header in props.headers" :key="header.text">
      {{ header.text }}
    </th>
  </template>
</v-data-table>

<v-data-table
  :headers="headers"
  :items="items"
  item-key="id"
>
  <template v-slot:item="props">
    <td>
      <v-checkbox
        v-model="props.selected"
        :input-value="props.selected"
        primary
      ></v-checkbox>
    </td>
    <td>{{ props.item.name }}</td>
    <td>{{ props.item.age }}</td>
    <!-- 其他列 -->
  </template>
</v-data-table>