vue-component - 从 v-data-table Vuetify 的空行中删除操作

Question

我试图在静态高度上制作我的 v-data-table，所以我决定添加空行。在我添加删除行的操作之后，现在我在空行上有图标。我怎样才能删除它们？ 你可以在这里看到我的意思

<template v-slot:item.action="{ item }">
      <v-icon
        small
        @click="deleteItem(item)"
      >
        mdi-delete
      </v-icon>
    </template>

codepen上组件的完整代码

标签： vue-componentvuetify.js

Answer 1

检查是否item有一个属性（例如name），因为你defaultItem是一个空对象。

<v-icon
  v-if="item.hasOwnProperty('name')"
  ...
>...</v-icon>