vuetify.js - 如何在数据表 Vuetify 中隐藏行“无数据”

Question

我是 vue 和 vuetify 的初学者。我正在尝试在 vue 和 vuetify 上进行第一个应用程序。我想在 vuetify 中自定义数据表。它具有默认的“无数据”行（带有文本“无可用数据”）。我想隐藏这一行，但数据表没有“hide-no-data”之类的选项。

标签： vuetify.js

Answer 1

您可以覆盖该no-data插槽。以下是它在文档中的外观：

</v-data-table>    
 <template slot="no-data">
   <v-alert :value="true" color="error" icon="warning">
     Sorry, nothing to display here :(
   </v-alert>
 </template>
</v-data-table>

您所要做的就是用v-alert空替换div

<template slot="no-data">
  <div></div>
</template>