Question

在Vuetify中，当我使用数据表组件时，默认情况下，我通过道具显示了一堆信息，我成功地摆脱了它们（例如上一个和下一个图标），但是我却无法删除此处显示的两行下方的文本：

（我的意思是 1-2之2 文本）

<div id="app">
  <v-app id="inspire">
    <v-data-table
      :headers="headers"
      :items="desserts"
      v-model="selected"
      item-key="name"
      select-all
      class="elevation-1"
      rows-per-page-items=2
      prev-icon=false
      next-icon=false
    >
      <template slot="headerCell" slot-scope="props">
        <v-tooltip bottom>
          <span slot="activator">
            {{ props.header.text }}
          </span>
          <span>
            {{ props.header.text }}
          </span>
        </v-tooltip>
      </template>
      <template slot="items" slot-scope="props">
        <td>
          <v-checkbox
            v-model="props.selected"
            primary
            hide-details
          ></v-checkbox>
        </td>
        <td>{{ props.item.name }}</td>
        <td class="text-xs-right">{{ props.item.calories }}</td>
        <td class="text-xs-right">{{ props.item.fat }}</td>
        <td class="text-xs-right">{{ props.item.carbs }}</td>      
      </template>
    </v-data-table>
  </v-app>
</div>

Answer 1

我找到了答案，我必须添加这个：

dsbulk load --driver.auth.provider PlainTextAuthProvider -u *** -p *** -header false -url /data/videos.csv -k killrvideo -t videos

我的意思是，如果您在<template slot="pageText" slot-scope="props"> </template>标签之间添加任何文本，它将显示在表格下方。就我而言，我没有输入任何文本，因此什么也不显示。希望这对以后的人有所帮助。

Answer 2

我刚刚找到了一个更好，更干净的答案：

只需添加hide-actions道具，如下所示：

<v-data-table
  hide-actions
>
 <!-- Rest of components -->
</v-data-table>

Vuetify：如何从数据表组件中删除此特定道具内容？

2 个答案: