v-pagination 컴포넌트는 긴 데이터 뭉치를 사용자가 쉽게 볼 수 있도록 나누는 데 쓰입니다. 설정된 길이에 따라 페이지네이션 컴포넌트는 자동으로 확장됩니다. 현재 페이지를 관리하기 위해 간단히 v-model 속성을 사용하세요.

사용법

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

API

예제

긴 경우 (Long)

페이지 버튼 개수가 부모 컨테이너를 초과하면, 페이지네이션 컴포넌트는 자동으로 리스트를 자릅니다.

제한 (Limit)

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

둥근 버튼 (Round)

페이지네이션 스타일에 둥근 페이지 버튼을 사용할 수 있습니다.

아이콘

이전/다음페이지 아이콘은 prev-iconnext-icon prop으로 커스터마이즈할 수 있습니다.

비활성화 (Disabled)

페이지네이션 아이템들은 수동으로 비활성활 할 수 있습니다.

Edit this page | language on Github
Vuetify
상점For Enterprise