Внешняя паутинка vuetify data-table

Question

У меня есть объект, возвращенный из API в следующем формате:

{
 "count": 0,
 "result": [
    {
     "id": "5dfbb8d5b2f68faf05688997",
     "createdOn": "1577121878136",
     "hash": "d7a3a552a2c1a765b3bcd935980a1982",
     "modifiedOn": "1577121878136",
     "company": {},
     "home": {},
     "first_name": "string",
     "last_name": "string",
     "isActive": true,
     "funding": "string",
     "medication": "string",
     "startDate": "string"
    }
  ]
}

Я использую vuex для хранения данных. Как мне использовать vuetify's v-data-table, чтобы сделать нумерацию страниц. Бэкэнд разбит на страницы. И мой API axios.get(..../?page='+page + '&count='+count)' Мне нужно передать page и count в качестве аргумента для получения разбитых на страницы данных.

Я был бы признателен, если бы вы связали мне некоторые ресурсы для этого. Я пытался, но не смог добиться этого и не нашел для этого никаких материалов. Я следовал vuetify's docs для external pagination, но там предполагается, что данные разбиты на страницы только внешне, они не ссылаются на veux store.

Answer 1

вызовите v-data-table с этими параметрами.

<v-data-table
        :headers="yourHeadersArrayOfObject"
        :items="yourItemsArrayOfObject"    
        :page="yourCurrentPageNumber"
        :items-per-page="yourItemsPerPage"
        @update:page="pageUpdateFunction"
      ></v-data-table>

при обновлении страницы дескриптора метода =>

pageUpdateFunction(newPageNumber) {
  console.log(newPageNumber);
  // handle other axios request here and update varibles
},