SwPagination
Постраничная навигация. v-model — текущая страница (с 1).
Свойства / Properties
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
total | Number | 0 | Всего элементов. |
pageSize | Number | 10 | Элементов на странице (v-model:page-size). |
pageSizes | Number[] | [10, 20, 50, 100] | Варианты в селекте размера. |
showSize | Boolean | true | Показать выбор «N / стр.». |
pagerCount | Number | 7 | Число кнопок страниц (нечётное). |
size | String | `` | small / large. |
showTotal | Boolean | false | Текст «Всего N». |
disabled | Boolean | false | Блок неактивен. |
class | String | `` | CSS-класс. |
Модель / Events
v-model/modelValue— номер страницыv-model:page-size— размер страницыchange— новая страницаsize-change— новый размер страницы
Пример
<script setup>
import { ref } from 'vue'
const page = ref(1)
const pageSize = ref(10)
</script>
<sw-pagination
v-model="page"
v-model:page-size="pageSize"
:total="240"
:page-sizes="[10, 20, 50, 100]"
show-total
/>