github:https://github.com/mescroll/mescroll
官方文档:http://www.mescroll.com

最好按照官方文档来

  1. 开启初始化完毕之后自动执行上拉加载的回调,保证一进入页面,就去加载数据
  2. 上拉刷新的时候,或者tab切换的时候,先将数据置空
  3. page 和 pageSize使用upOption中的,并且num默认为0

代码:

// html
<mescroll-uni top="100" @down="downCallback" @up="upCallback" @init="mescrollInit" :up="upOption" :down="downOption">

//data:
// 下拉刷新的常用配置
downOption: {
	use: true, // 是否启用下拉刷新; 默认true
	auto: false, // 是否在初始化完毕之后自动执行下拉刷新的回调; 默认true
},
// 上拉加载的常用配置
upOption: {
	use: true, // 是否启用上拉加载; 默认true
	auto: true, // 是否在初始化完毕之后自动执行上拉加载的回调; 默认true
	textNoMore:'我是有底线的 >_<',
	page: {
		num:0,
		size: 4
	}
},
list:[],

//methods:
// 下拉回调
downCallback(mescroll){
	mescroll.setPageNum(1)
	this.list = []
	mescroll.resetUpScroll(); 
	setTimeout(()=>{
		console.log(666);
		// 隐藏下拉加载状态
		mescroll.endErr()
	},1000)
},
// 上拉回调
upCallback(mescroll){
	setTimeout(()=>{
		let pageNum = mescroll.num == 0 ? 1: mescroll.num; // 页码, 默认从1开始
		let pageSize = mescroll.size;
		this.getPageList(pageNum, pageSize).then((res)=>{
			mescroll.endSuccess(res)
		})
	},1000)
}
Logo

前往低代码交流专区

更多推荐