vue-pull-to-refresh's Introduction

pull2refresh

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

A Vue.js project with vue-cli3

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

  <pull-to-refresh
    @on-pullup='onPullup'
    @on-pulldown='onPulldown'>
    <ul>
      <li :key="index" v-for="(item, index) in items">
        # item {{ index }} 
      </li>
    </ul>
  </pull-to-refresh>

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:

const PULL_DOWN_NORMAL='下拉刷新'
const PULL_DOWN_RELEASE='释放加载'
const PULL_DOWN_LOADING='加载中，请稍后'

const PULL_UP_NORMAL='上拉刷新'
const PULL_UP_RELEASE='释放加载'
const PULL_UP_LOADING='加载中，请稍后'

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

vue-pull-to-refresh's Issues

myScroll.default is not a construtor

您好这个问题是什么情况我把你整个pull-to-refresh引入的项目中出现这个错误怎么解决呢

请教下大神，安装有报错

ERROR in ./src/App.vue
Module build failed: TypeError: this._init is not a function
at Object.Vue$2 (/Users/huangjingliang/Documents/git/vue-pull-to-refresh/node_modules/.npminstall/vue/2.1.8/vue/dist/vue.runtime.common.js:3414:8)
@ ./src/main.js 7:11-27

不知道为什么，
我把插件拷贝到自己项目，我怎么让vue 不去检查你这引入的两个JS

Recommend Projects