Skip to content

Пагинация ui-pagination

Компонент пагинации разбивает страницы каталога или блога на страницы, в зависимости от показа выбранного кол-ва на товаров странице (для каталога).

Настройки

Компонент гибко настраивается и принимает такие параметры как: - paginate - основной и обязательный обьект данных для пагинации. Передается через ликвидовский тег {{ paginate }}. - prev-page - Показывать или нет ссылку на предыдущую страницу. По-умолчанию false. - next-page - Показывать или нет ссылку на следующую страницу. По-умолчанию false. - page-around - Сколько показывать ссылок на страницы "вокруг" текущей. Т.е. если в этот параметр передать 2, то при текущей "5" странице будет показываться 1 .. 3 4 5 6 7 .. 12. По-умолчанию 1. - themes - стилевая тема пагинации. есть с обычными границами border, и со скругленными границами border-circle. - color-sheme - цветовая схема для пагинации. Может быть или по-умолчанию не заполненной или с заливкой цветом фона

Пример встроенного компонента pagination:

<ui-pagination
    :paginate="{{ paginate | replace: '"', "'" | replace: '=>', ':' }}"
    page-around="2"
    prev-page
    next-page
>
</ui-pagination>