Vue-scroll-component NPM

vue-scroll-component

基于vue2.0的下拉刷新组件

Installation

yarn add vue-scroll-component
# or
npm install vue-scroll-component

Usage

<template>
	<VueScroll>
    ···
  </VueScroll>
</template>

<script>
    import VueScroll from 'vue-scroll-component';
</script>

Props

loadingIcon : `String`

加载中显示图标

default

loadingText : `String`

加载中显示的文字

Default "正在刷新页面"

errorIcon : `String`

刷新失败显示图标

default

errorText : `String`

请求错误显示文字

default "刷新失败"

successIcon : `String`

刷新成功显示图标

default

successText : `String`

刷新成功显示文字

default "刷新成功"

callback : `Object`

加载回调，接受四个函数:

startCallback : 开始下拉回调

endCallback : 下拉刷新后回调

cancalLoadingCallback :取消下拉刷新回调

isLoadingCallback :正在刷新回调

<template>
  <VueScroll :callback='callback'>
      ···
  </VueScroll>
</template>
<script>
import VueScroll from './VueScroll'
export default {
    components:{
        VueScroll
    },
    data(){
        return {
            callback:{
                startCallback(){
                    console.log('start')
                },
                isLoadingCallback(){
                    console.log('isLoading')
                },
                endCallback(){
                    console.log('end')
                },
                cancalLoadingCallback(){
                    console.log('cancalLoading')
                }
            }
        }
    }
</script>