v-fullpage

![image](https://img.shields.io/badge/vue-2.5.17-blue.svg) ![image](https://img.shields.io/badge/vue--cli-3.0.0-green.svg)

Usage no npm install needed!

<script type="module">
  import vFullpage from 'https://cdn.skypack.dev/v-fullpage';
</script>

README

vue-fullpage

image image

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