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

Posted 2023-02-23

【中文标题】从 v-data-table Vuetify 的空行中删除操作

【英文标题】：Remove action from empty row of 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

【参考方案1】：

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

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