vue-fullpage

A Vue.js components

Install

$ npm install v-fullpage

Usage

import Vue from "vue";
import fullpage from "v-fullpage";

Vue.use(fullpage);

or

<script src="vue.min.js"></script>
<!-- must place this line after vue.js -->
<script src="v-fullpage.umd.min.js"></script>

Demo

<!-- default -->
<!-- 依赖于父级元素的大小，占满父级元素 -->
<v-fullpage>
  <div slot="section"></div>
  <div slot="section"></div>
</v-fullpage>

Options

| Property | Description | Type | Default | | :-------: | ---------------------------------- | :----: | :--------: | | direction | 滚动方向('vertical'或'horizontal') | String | 'vertical' |

Callback

| Name | Description | | :--------: | -------------------------- | | leaveSlide | 滑动之后，参数是当前 index |

api

通过 ref 调用组件内部 api

| Name | Description | | :---------------: | -------------------------------------- | | setAllowScrolling | 传入 true/false，禁止滚动/开放滚动事件 |

License

MIT