Как установить начальное значение «строк на страницу» в компоненте Vuetify DataTable?

Question

У меня есть страница с компонентом Vuetify DataTable (Vuetify 1.5.7) и использующим разбиение на страницы компонента по умолчанию.Я установил значения выбора 'Rows per page', используя свойство: row-per-page-items.

Теперь я хочу установить начальное значение из этого массива row-per-page-items ( notтолько первый! ) при входе на страницу.

Возможно ли это и как это сделать?

Пример кода таблицы приведен ниже:

<v-data-table
            :headers="headers"
            :items="equipment"
            class="elevation-1"
            :rows-per-page-items='[15, 30, 50, 100]'>
      <template v-slot:items="props">
        <td>{{ props.item.name }}</td>
      </template>
</v-data-table>

Answer 1

Используйте pagination.sync для управления нумерацией страниц:

<v-data-table
            :headers="headers"
            :items="equipment"
            class="elevation-1"
            :rows-per-page-items="[15, 30, 50, 100]"
            :pagination.sync="pagination">
      <template v-slot:items="props">
        <td>{{ props.item.name }}</td>
      </template>
</v-data-table>
...
data() {
  return {
    pagination: {
      rowsPerPage: 30
    }, ...
  }
}

[https://jsfiddle.net/95yf1xe8/]