<v-data-table
hide-default-footer
:page.sync="page"
@page-count="pageCount = $event"
:items-per-page="viewCount"
>
</v-data-table>
<v-pagination v-model="page" :length="pageCount"></v-pagination>
<script>
export default {
data() {
return {
page: 1,
pageCount: 5,
viewCount: 1,
};
},
};
</script>
page : 선택 페이지
pageCount : <v-pagination> 에 노출될 페이지 버튼 수
viewCount : <v-data-table> 에 노출될 리스트 수
'개발이야기 > Vue - Vuetify' 카테고리의 다른 글
v-data-table 헤더 변경 (0) | 2021.01.19 |
---|---|
자바스크립트 클립보드 복사 안될 때 (0) | 2021.01.03 |
v-file-input 이미지 사이즈 확인 (0) | 2020.12.27 |
vue 부모에서 자식 컴포넌트 호출 (0) | 2020.11.26 |
Vue filters 사용 예제 (0) | 2020.11.20 |