验证更改文本v-data-table的页脚中的每页文本行数

时间:2020-06-08 10:19:44

标签: vue.js vuejs2 vuetify.js nuxt.js v-data-table

我正在使用Vuetify的v-data-tables和...。

我要更改此文本:

enter image description here

我已经添加了以下代码,但是它不起作用:

enter image description here

谢谢!

3 个答案:

答案 0 :(得分:4)

您可以使用'items-per-page-text':'products per page'

  <v-data-table
      :headers="headers"
      :items="desserts"
      :items-per-page="5"
      item-key="name"
      class="elevation-1"
      :footer-props="{
        showFirstLastPage: true,
        firstIcon: 'mdi-arrow-collapse-left',
        lastIcon: 'mdi-arrow-collapse-right',
        prevIcon: 'mdi-minus',
        nextIcon: 'mdi-plus',
           'items-per-page-text':'products per page'
      }"
    ></v-data-table>

请检查此example

答案 1 :(得分:1)

vuetify 2.X的正确道具是每页文本项

<v-data-table
      :footer-props="{itemsPerPageText: 'Rows count'}"
></v-data-table>

答案 2 :(得分:1)

快速浏览vuetify文档 我找不到每页文本行,但每页文本项 您可以尝试每页文本项吗?