hoony's web study

728x90
반응형

이전 포스팅에서 pagination을 잡기위해서 Watch, computed를 이용해서 숫자를 감지했는데요.
https://islet4you.tistory.com/entry/vuejs-watch-를-이용한-value-change-로그-찍어보기

 

vuejs watch 를 이용한 value change 로그 찍어보기

어제부터 vuetify datable 을 이용해서 pagination을 구현을 하는데 도저히 값이 바뀌는 부분을 알지를 못했어요. 이 부분을 찾는 방법이 watch 에 있었네요. watch:{ pageCount: function(new_val, old_val){ co..

islet4you.tistory.com


하단의 페이지 번호를 클릭했을때 이벤트를 주기위해서 제가 개인적으로 생각했던것은 @click였어요.
그런데 이건 반응이 없더라구요. 
그래서 다시 시도를 해본것이 @input 입니다.

vuetify pagination 에서 하단 번호를 클릭했을때 이벤트를 주는 방법입니다.

<v-pagination
          v-model="page"
          :length="pageCount"
          total-visible="7"
          @input="handlePage"
      ></v-pagination>

위에 있는 handlePage 는 vue에서 얘기하는 method입니다.
함수명은 선언하시고 위의 코드블럭에 있는것처럼 호출해서 사용하시면 됩니다. 

728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading