javascript - Vue - 按钮在 v-data-table 中不可见

Question

我对 v-data-table 有疑问。我想在我的 v-data-table 中添加用于编辑、删除和添加新产品的按钮。数据来自我的 rest api，并通过我的 getter CARS 分配给 v-data-table。一切都很好，显示了每一行，但没有显示按钮....我尝试了很多不同的方法，但它仍然不起作用..如果你能帮助我，我将不胜感激。此致！

这是我的代码。

<v-data-table
    v-model="selected"
  :headers="headers"
  :items=CARS
  :single-select="singleSelect"
   item-key="id"
    show-select class="elevation-1" 
>
  <template slot="items" slot-scope="props">


      <td>{{ props.item.id }}</td>
      <td>{{ props.item.vin }}</td>
      <td>{{ props.item.register_number}}</td>
      <td>{{ props.item.cost}}</td>
      <td>{{ props.item.latitude }}</td>
      <td>{{ props.item.longitude}}</td>
      <td>{{ props.item.service}}</td>
      <td>{{ props.item.reservation}}</td>
       <td class="justify-content-left layout">
      <v-btn icon @click.prevent="editUser(props.item)">
         <v-icon color="blue">edit</v-icon>
      </v-btn>
      </td>
  </template>
</v-data-table>