README
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