更新记录

1.0.1（2021-02-22）

上传使用说明，调整插件默认值

1.0.0（2021-02-20）

nvue上下拉刷新列表二次封装，只需请求接口，赋值列表 本插件需要在nvue窗口使用哈

平台兼容性

lsj-nvuelist

可导入示例项目查看完整demo

若有疑问可进QQ讨论群：701468256

使用说明

downText说明

upText说明

示例

vue:

<lsj-nvuelist ref="lsjNvuelist" init :top="top" @loadData="loadData">
    <uni-cell v-for="(item,index) in list" :key="index">
        <!-- 此处写你列表view -->

    </uni-cell>
</lsj-nvuelist>

js：

data() {
    return {
        top: 0,
        list: [],
        fromData: {
            pageNum: 1,
            pageSize: 20
        }
    }
}
methods: {
    /**
     * 上下拉触发回调
     * @param {Boolean} refresh 是否为下拉刷新
     */
    async loadData(refresh) {
        // ---- start 以下内容根据自己业务自行修改 start -----
        // 异步获取数据
        let promise = new Promise((resolve, reject) => {setTimeout(() => resolve('仿接口请求体验'), 500)})
        let res = await promise;

        // 如果是下拉刷新，重置列表数据及分页参数
        if (refresh) {
            this.fromData.pageNum = 1;
            this.list = [];
        }
        for (let i=0,len=20;i<len;i++) {this.list.push({name:i});}

        let isNext = this.list.length >= 100;
        // 如果还有下一页，则下次请求page+1;
        if (!isNext) {
            this.fromData.pageNum++;
        }
        // ---- end -----

        // 结束刷新效果 
        // isNext决定是否还可以继续上拉加载更多数据
        this.$refs.lsjNvuelist.endLoad(refresh,isNext);
    }
}