vue-pull-to-refresh

by bajian

vue.js,refresh,load more,Vue2.0 上下拉刷新

130 Stars 43 Forks Last release: Not found 14 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

pull2refresh

alternatively pull down or pull up or both for Vue2.+

A Vue.js project with vue-cli3

demo

live-demo

Build Setup DEMO

# install dependencies
npm install

serve with hot reload at localhost:8080

npm run serve

build for production with minification

npm run build

  
    
  • # item {{ index }}
import PullToRefresh from './components/pull-to-refresh'

onPullup(finshCallback) { setTimeout(()=>{ this.items=this.items.concat([6,6,6,6,6,6,6,6,6,6,6]) finshCallback();//finish the refreshing state },3000); }

Api

Properties

| Name | Type | Default | Description | |----------------------|-----------|--------------|--------------------------------------------------------------------| | disable-pullup |

Boolean
|
false
| set true to disable pullup function| | disable-pulldown |
Boolean
|
false
| set true to disable pulldown function| | on-pullup |
Function
|
undefined
| the pullup listener with a finshCallback param to tell it to finsh refreshing state | | on-pulldown |
Function
|
undefined
| the pulldown listener with a finshCallback param to tell it to finsh refreshing state | | ==================== | ========= | ============ | =================== |

for convenience & efficiency ,i donot set the tips and timeout editable, if u want to edit ,just edit as u like: ```js const PULLDOWNNORMAL='下拉刷新' const PULLDOWNRELEASE='释放加载' const PULLDOWNLOADING='加载中,请稍后'

const PULLUPNORMAL='上拉刷新' const PULLUPRELEASE='释放加载' const PULLUPLOADING='加载中,请稍后'

timeout=30000//the 30s timeout of reseting refreshing state if u donnot call the finshCallback ```

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.