VueJs Разбивка на страницы с использованием laravel коллекции ресурсов - PullRequest
Новая
       29

VueJs Разбивка на страницы с использованием laravel коллекции ресурсов

0 голосов
/ 03 августа 2020

Построение пагинации со ссылками на ресурсы не работает должным образом в vuejs. Проверка того, что data.links в возвращении из ресурса не равно null, будет назначать класс. 

 <nav >
            <ul class="pagination">
                <li class="page-item" :class="{'disabled': !products.links.prev , 'active': products.links.prev != null}">
                <a class="page-link" @click="getPrevPage" >Previous</a>
                </li>
                <span class="mr-3"></span>
                <li class="page-item" :class="{'disabled': !products.links.next, 'active': products.links.next != null}">
                <a class="page-link" @click="getNextPage" >Next</a>
                </li>
            </ul>
        </nav>

Но я получаю ошибку в консоли 

[Vue warn]: Error in render: "TypeError: Cannot read property 'prev' of undefined"

Предыдущая и Следующая реализация и нахожу прикрепленное изображение данных структура возвращена. 

getNextPage(){
        this.loadProduct(this.products.links.next);
    },
    getPrevPage(){
    this.loadProduct(this.products.links.prev);
    },

Данные ответа возвращены

...