如何更改Vuetify的v-data-table中特定页面的每页项的行数？

Question

目前，我正在使用Vuetify的v-data-table分页功能，效果很好。 但是对于这种特殊的用例，我需要将特定页面的每页行数更改为无限制。

我想到的一种解决方案，但需要进行大量的过滤工作，就是使用服务器端过滤来获取10并禁用数据表中的分页限制。

爱因尼能更轻松地解决我的问题吗？

Answer 1

1. 在:options.sync="options"中添加道具<v-data-table>

赞：

<v-data-table
    :headers="headers"
    :items="desserts"
    :options.sync="options"
    :server-items-length="totalDesserts"
    :loading="loading"
    class="elevation-1"
></v-data-table>

1. 然后在vue的数据中添加对象选项。

    options: {
      itemsPerPage: -1,
    },
   

赞：

    new Vue({
      el: '#app',
      vuetify: new Vuetify(),
      data () {
        return {
          options: {
            itemsPerPage: -1,
          },
          ...
        }
      }
    }