vue-pull-to-refresh

A pull to refresh plugin of Vue.js

Demo

more detail of use

Use

/*-- npm --*/
npm install --save vue-pull-to-refresh

/*-- 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>

Param

/*
    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
}

Dependencies

• SASS