从 v-data-table Vuetify 的空行中删除操作答案

【问题标题】：Remove action from empty row of v-data-table Vuetify从 v-data-table Vuetify 的空行中删除操作
【发布时间】：2020-02-21 22:31:34
【问题描述】：

我试图在静态高度上制作我的 v-data-table，所以我决定添加空行。在我添加删除行的操作之后，现在我在空行上有图标。我怎样才能删除它们？ You can see image of what i mean here

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

Full code of component on codepen

【问题讨论】：

标签： vue-component vuetify.js

【解决方案1】：

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

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

【讨论】：