mescroll - uni-app【wxs+renderjs实现】下拉刷新上拉加载组件

起步

地址一：mescroll官方文档
地址二：uni-app插件市场
地址三：GitHub下载源码
地址四：下载好的源码 取件码：z97x

用法

1. 可以在GitHub下载源码，或用下载好的，也可以通过 npm install --save mescroll-uni，去下载。

2. 下载好的项目就是下图这样。

3. 我们将uni_modules目录下的mescroll-uni直接复制到自己项目中，列如：

4. 将把刚才复制进来的mescroll-uni挂在到全局，也就是main.js

/**
 * @note Register for global drop-down refresh and pull up to load components 注册全局下拉刷新，上拉加载组件
 * */
import MescrollBody from "@/components/mescroll-uni/components/mescroll-body/mescroll-body.vue"
import MescrollUni from "@/components/mescroll-uni/components/mescroll-uni/mescroll-uni.vue"
Vue.component('mescroll-body', MescrollBody)
Vue.component('mescroll-uni', MescrollUni)

5. 然后在我们要用到的页面中直接调用组件并且要引入组件中mescroll-mixins.js

6. 如果要在点击之后请求接口数据，那么不要直接this.upCallback()，这样的话你的页数是错误的。

// 我们可以用组件提供好的。
this.mescroll.resetUpScroll()
// 这样我们每次点击请求的时候他的页数都会变为0

7. 这也是在项目中所遇到的一些问题，希望对您有帮助。

8. 具体要实现那些功能还是去看文档。