uniapp用scroll-view组件渲染的列表无法触发pages.json配置的下拉刷新

在做小程序列表滚动页面时,用到scroll-view组件,可以做分页,但是当要用到下拉刷新时,不想自定义,就用pages.json配置的下拉刷新,在页面无法触发下拉刷新,去看了官网才知道,
在这里插入图片描述

那我又要列表滚动分页,又要下拉刷新,还要回到顶部,怎么办,
只能不用scroll-view组件,页面就正常循环显示列表,
在生命周期那加上监听页面滚到底部的方法onReachBottom
如:
在这里插入图片描述
当监听了页面滚动到底部后就页码加一,并调获取列表的接口,这样就得到了第二页的数据
,在获取列表的方法里面加上
在这里插入图片描述

回到顶部的方法

uni.pageScrollTo({
	scrollTop: 0,
		duration: 300
	});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值