LoadMoreList
Общий интерфейс с заголовком, списком с элементами и кнопкой для подгрузки дополнительных элементов
Props
pending
- type:
boolean - default:
false
Статус загрузки
items
- type:
array - default:
[] - required:
true
Элементы для отображения
pageCount
- type:
number - default:
0
Количество страниц (не используется одновременно с more)
@warning При использовании на одном массиве items нескольких LoadMoreList с page-count, кнопки LoadMore будут отображаться по-разному.
Данной проблемы нет у more
more
- type:
boolean - default:
false
Есть ли еще что подгрузить (не используется одновременно с pageCount)
title
- type:
string - default:
null
Заголовок блока
titleTag
- type:
string - default:
'h2'
Тег заголовка блока
emptyText
- type:
string - default:
null
Текст если нет элементов
placeholderCount
- type:
number - default:
5
Количество placeholder элементов при подгрузке
Events
| Event name | Properties | Description |
|---|---|---|
| load-more | page number - номер запрашиваемой страницы | Клик по кнопке подгрузки дополнительных элементов |
Slots
| Name | Description | Bindings |
|---|---|---|
| title | Кастомный заголовок | |
| empty | Кастомный блок если не найдено ничего | |
| list | Слот для замены всего списка | |
| default | Элемент из списка items | item any - элемент списка |
| placeholder | Элемент из списка во время загрузки | index number - undefined |