vue-pull-to-refresh
Version:
A pull to refresh plugin of Vue.js
106 lines (86 loc) • 1.57 kB
Markdown
> A pull to refresh plugin of Vue.js
[](http://ldqblog.me/vue-pulltorefresh-plugin/dist/#/)
[](https://github.com/LDQ-first/vue-pulltorefresh-plugin/tree/master/src/views/show.vue)
``` javascript
/*-- npm --*/
npm install --save vue-pull-to-refresh
```
``` javascript
/*-- main.js --*/
import Vue from 'vue'
import VuePullToRefresh from 'vue-pull-to-refresh'
Vue.use(VuePullToRefresh)
```
```
<!--html-->
<pull-refresh :next="pullRefresh" >
<div slot="list">
Your code
</div>
</pull-refresh>
```
``` javascript
/*
pull to touch off this function
must return promise
*/
next: {
type: Function,
required: true
},
/*
chinese or english can set default tip
other language can't set default tip but you can set tip by yourself and also don't have to set language
*/
language: {
type: String,
required: false
},
/*
set pullTip
*/
pullTip: {
type: String,
required: false
},
/*
set releaseTip
*/
releaseTip: {
type: String,
required: false
},
/*
set loadingTip
*/
loadingTip: {
type: String,
required: false
},
/*
set pullDistance
*/
pullDistance: {
type: Number,
required: false
},
/*
set releaseDistance
*/
releaseDistance: {
type: Number,
required: false
},
/*
set maxDistance
*/
maxDistance: {
type: Number,
required: false
}
```
* SASS