uni-app上拉加载,下拉刷新

onReachBottom(上拉加载)

data(){
	return {
        list: [], // 列表数组
		pageSize: 10, // 条数
        pageNum: 1, // 页数
        allPageNum: 0 // 总页数
	}
},
//上拉加载
onReachBottom(){
    if (this.pageNum >= this.allPageNum){
	    console.log('没有数据了')
	} else {
		// 页数
		this.pageNum = ++this.pageNum;
		// 查询列表
		this.getList();
	}
},
methods: {
    // 查询数据
    getList() {
        uni.request({
			url: url,
			method: 'GET',
			data: {
                pageSize: this.pageSize, // 条数
                pageNum: this.pageNum, // 页数
            },
			header: {
				'Content-Type': 'application/json'
			},
			success: function(res) {
				// 数据赋值
				this.list= this.list.concat(res.rows);
			}
		})
    }
}

onPullDownRefresh(下拉刷新)

//在pages.json中找到需要开启的页面. 在style中输入"enablePullDownRefresh": true
{
	"path": "/",
	"navigationStyle": "custom",
	"background": "white",
	"style": {
		"backgroundTextStyle": "dark",
		"enablePullDownRefresh": true,  //设置为true表示当前页面开启下拉刷新
	 }
}
// 下拉刷新
onPullDownRefresh() {
	setTimeout(function () {
		uni.stopPullDownRefresh();
	}, 1000);
	// 清空列表
	this.list= [];
	// 回复初始值
	this.pageNum = 1; // 页数
	this.pageSize = 10; // 条数
	// 调用查询数据接口
	this.getList();
},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值