Need help with vue-pull-to-refresh?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

bajian
129 Stars 42 Forks 14 Commits 0 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

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.