[vue.js] 페이지네이션 (pagination) 구현하기
·
vue
HoneyPot 프로젝트에서 구독목록 리스트를 보여줘야 하는 과정이 있었는데 처음으로 해본 페이지네이션 구현하기를 남겨보려고 한다. 우선 완성본 근데 이제 미완성을 곁들인 .. [HTML 코드] //여기에는 카드에 들어갈 내용들을 작성 //pagination 버튼 생성 이전 {{ currentPage }} 다음 [script 코드] 1. 우선 data의 return 에 현재 페이지 수와 페이지 당 보여줄 카드 개수를 적어 준다. 2. computed에 현재 페이지에 표시할 카드 목록을 추출할 계산 된 속성을 입력 해준다. startIndex 변수에는 현재 페이지의 첫 번째 카드의 인덱스를 계산하고, endIndex 변수에는 현재 페이지의 마지막 카드 다음 카드의 인덱스를 계산한다. 즉, startInde..