[nuxt] fullpage 라이브러리 구현 04

코드 전체 보기
: https://github.com/dudrbrb/Vue.js/blob/main/pullpage-nuxt/pages/index.vue

지금까지 fullpage.js는 구현이 다 되었다!

이번 포스트는 필수는 아니지만,

페이지별로 다른 함수를 필요로 할 때, 또는 같은 함수에서 타겟을 현재 페이지의 요소들로 설정할 때 용이할 것이다.

watch로 pageIndex 감시

우선 console.log 하나만 넣어놓으면, 페이지가 바뀔 때 pageIndex를 출력해준다.

그것을 응용하여 section별로 필요한 함수를 호출할 수 있을 것이다.

 

<script>
  export default {
	watch: {
      pageIndex: function (idx) {
        console.log(idx)
        this.commonMotion(idx)
        if(idx==0) this.onlyFirstPageMotion()
      }
    }
  }
</script>