The v-pagination component is used to separate long sets of data so that it is easier for a user to consume information. Depending on the length provided, the pagination component will automatically scale. To maintain the current page, simply supply a v-model attribute.

Pagination by default displays the number of pages based on the set length prop, with prev and next buttons surrounding to help you navigate.

제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

Using the length prop you can set the length of v-pagination, if the number of page buttons exceeds the parent container, it will truncate the list.

total-visible prop을 이용해서 표시되는 페이지 버튼의 개수를 수동으로 지정할 수 있습니다.

The circle prop gives you an alternate style for pagination buttons.

Previous and next page icons can be customized with the prev-icon and next-icon props.

Pagination items can be manually deactivated using the disabled prop.

더 읽을 준비 되었나요? 그렇다면 아래 설명서를 더 읽어보세요!

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!