编辑v-数据表

Question

日安。我试图编辑我的v数据表，以满足我个人对行和语言的需求。我成功地编辑了几个字段，但我找不到一种方法来编辑"1-50 of 300“中的"of”。

我正在阅读文档，但我不知道如何改变它。

数据表

这里是我当前的v-数据表文档：

   <v-data-table
    :headers="headers"
    :items="myItems"
    :search="search"
    no-results-text='LMAO NO DATA'
    rows-per-page-text='Data'
    :rows-per-page-items="[5, 50, 100, {text:'EVERYTHING', value: -1}] "
    class="elevation-3"
   >

编辑: Sejir Ben Ali的答案是正确的，但是如果您出现了错误，请使用以下方法：

<template v-slot:[`footer.page-text`]="props">
      itens {{ props.pageStart }} - {{ props.pageStop }} of {{ props.itemsLength }}
</template>

Answer 1

来自文档(槽: pageText - https://vuetifyjs.com/en/components/data-tables#slot-pagetext)：

可以使用pageText槽自定义显示范围和总项的页面文本。

<template>
  <v-data-table
    :headers="headers"
    :items="desserts"
    class="elevation-1"
  >
    <template v-slot:items="props">
      <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>
      <td class="text-xs-right">{{ props.item.protein }}</td>
      <td class="text-xs-right">{{ props.item.iron }}</td>
    </template>
    <template v-slot:pageText="props">
      ITEMS {{ props.pageStart }} - {{ props.pageStop }} OF {{ props.itemsLength }} // Edit this
      // ^this is what you need
    </template>
  </v-data-table>
</template>