vue-fullpage.js - Official Vue.js component for fullPage.js (original) (raw)

HTML JS See in Codepen

<template>
  <div>
    <full-page>
      <div class="section">
        <button @click="$refs.fullpage.api.moveSectionDown()">
            Next
        </button>
        Section 1
      </div>
      <div class="section">
        <button @click="$refs.fullpage.api.moveSectionUp()">
            Prev
        </button>
        Section 2
      </div>
    </full-page>
  </div>
</template>

import Vue from 'vue'
import VueFullPage from 'vue-fullpage'

Vue.use(VueFullPage);

new Vue({
  el: '#app',
  render: h => h(App)
});