// 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) }
总结