u-scroller

基于Vue 2.x 封装的很轻量的scroller组件,具有下拉刷新、上拉加载更多的功能.

Demo 示例

https://github.com/undo03/u-scroller

使用方式

# install dependencies
npm install u-scroller -S

import Vue from 'vue'
import UScroller from 'u-scroller'
Vue.use(UScroller)

  <u-scroller :onRefresh="onRefresh" :onInfinite="onInfinite">
    <!-- html content -->
  </u-scroller>

接口文档

props

属性名	类型	默认值	是否必须	说明
onRefresh	Function	无	需要下拉刷新时，必须	刷新时执行的函数
onInfinite	Function	无	需要加载更多时，必须	加载更多是执行的函数
enableRefresh	Boolean	true	否	是否开启下拉刷新，默认开启
enableInfinite	Boolean	true	否	是否开启上拉加载，默认开启
offset	Number	100	否	触发下拉刷新的阈值
noDataText	String	没有更多数据了	否	没有更多数据时的提示语
refreshText	String	下拉刷新	否	下拉刷新提示
freedRefreshText	String	松开刷新数据	否	释放下拉提示语

slot

插槽名	说明
refresh	刷新时的效果或文字
load-more	加载时的效果或文字