scroller-base-on-vant

this is a scroller base on Vant UI ,it works after v0.1.0.

install：

npm install scroller-base-on-vant --save

Usage：

import

import Vue from "vue";
import { List, PullRefresh } from "vant";
import scrollerBaseOnVant from 'scroller-base-on-vant';

Vue.use(List).use(PullRefresh);

register

components: {
    scrollerBaseOnVant
  }

use

<scrollerBaseOnVant
    @on-refresh="onMyRefresh"
    @on-load="onMyLoad"
    ref="decisionItemScroller"
    class="scroll_bg"
>

<!-- render your data list hear -->

</scrollerBaseOnVant>

Properties:

| property | default | 描述 | description | | ---- | ---- | ---- | ---- | | finished | false | 没有更多翻页时设置为true | Whether loading is finished，the load event will not be triggered when finished | | immediateCheck | false | 是否在触发mounted时立马load数据 | Whether to check loading position immediately after mounted | | finishedText | 没有更多数据 | 无更多翻页时显示的提示文本 | Finished text | | offsetHeight | 40 | 滚动组件距离底部的位置 | The margin-bottom of the scroller |

events

| event | 描述 | description | arguments | | ---- | ---- | ---- | ---- | ---- | | on-refresh | 刷新 | Triggered when pull down the list on top. | -- | | on-load | 加载数据 | Triggered when when pull up the list on bottom. | -- |

methods

| method | 描述 | description | arguments | Return-Value | | ---- | ---- | ---- | ---- | ---- | | hideLoading | 隐藏loading | hide the loading text | -- | -- | | setFinished | 设置所有数据加载结束 | show finish text when all the datas are loaded. | -- | -- | | setNotFinish | 设置未结束 | set not finish | -- | -- |