通过v-slot控制扩展项的v-data表:body

<template>
  <v-data-table
    :headers="headers"
    :items="items"
    item-key="id"
  >
    <template v-slot:v-data表:body="{ items }">
      <tbody>
        <tr v-for="item in items" :key="item.id">
          <td>{{ item.name }}</td>
          <td>{{ item.age }}</td>
          <!-- 自定义列 -->
          <td>{{ item.customColumn }}</td>
        </tr>
      </tbody>
    </template>
  </v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: 'Name', value: 'name' },
        { text: 'Age', value: 'age' },
        // 自定义列的表头
        { text: 'Custom Column', value: 'customColumn' }
      ],
      items: [
        { id: 1, name: 'John', age: 25, customColumn: 'Custom Data 1' },
        { id: 2, name: 'Jane', age: 30, customColumn: 'Custom Data 2' },
        { id: 3, name: 'Bob', age: 35, customColumn: 'Custom Data 3' }
      ]
    };
  }
};
</script>