List
Vue-компонент навігації по списку елементів. Не є самостійним компонентом, але може виступити в ролі такого, якщо потрібно. Тісно зв'язаний по функціоналу із компонентом списку елементів.
Установка
npm i @yamasters/pager --saveЯк працює
Даний компонент виступає як навігація по списку елементів. Можем листати вперед-назад, вибирати потрібну сторінку навігації, підгружати ще елементи. При кліку на функціональні кнопки компонент емітить подію NAVIGATE, яку слухає компонент списку.
Все, що робить компонент - це відображає поточний стан навігації та дозволяє керувати навігацією. При цьому вся логіка списку та навігації реалізована на сервері.
Вхідні параметри
Компонент приймає наступні вхідні параметри (як props):
total - кількість всіх сторінок (отимує від компонента списку)
current - номер поточної сторінки (отимує від компонента списку)
locked - якщо true, то це означає, що компонент знаходиться в режимі очікування відповіді від АРІ (отимує від компонента списку)