페이지네이션 구현

다음과 같은 출석현황을 조회하는 코드를 구현한다고 해보자. 우리는 이중에서 맨 아래있는 페이지번호를 코드로 구현해보록 할 것이다 

> 화살표를 누르면 10개씩 밀려서 조회가되고, 》를 누르면 맨 마지막으로 이동한다 

 

1. 먼저 10 

this.$http.post(`/api/event/getSystemEventLog`, {
        intersectionSeq : this.intersectionSeq,
        category : this.category,
        startDate: this.startDate,
        endDate: this.endDate,
        startPage : (this.currentPage - 1) * this.page.scale,
        scale : this.page.scale
        startPage : 0,
        scale: 100
    })

 

DB에 아래와 같은 데이터가 있다고 가정하자