스크롤 페이징

  • Web Programming/Vue.js

    Vue.js 에서 스크롤 페이징(InfiniteLoading) 적용하기

    안녕하세요. 씨앤텍 시스템즈 입니다. 이번 글은 Vue.js 에서 스크롤 페이징(InfiniteLoading) 적용하는 방법에 대해서 정리해 보았습니다. InfiniteLoading사용방법은 https://peachscript.github.io/vue-infinite-loading/를 참고했습니다. 스크롤 페이징을 적용하기 위해 아래의 세 단계를 거쳐야 합니다. 1. InfiniteLoading 모듈 설치 2. .vue 파일에 InfiniteLoading 적용 3. 스크립트 적용 위의 이미지는 공식문서에서 제공하고 있는 InfiniteLoading을 적용했을 때의 화면입니다. 1. VueInfiniteLoading 모듈 설치 InfiniteLoading을 사용하기 위해 모듈을 설치합니다. npm inst..