当前位置:   article > 正文

uni列表数据下拉刷新&上拉加载_uni-list uni-refresh

uni-list uni-refresh

 

 

  1. //下拉刷新
  2. onPullDownRefresh() {
  3. //将页码设置为1
  4. this.pageNum=1
  5. //请求列表数据
  6. this.getNew()
  7. this.getNew2()
  8. //加载完成停止刷新
  9. uni.stopPullDownRefresh();
  10. },
  11. //上拉加载
  12. onReachBottom() {
  13. //当当前列表数据长度>=数据总长度时
  14. if (this.list.length >= this.count) {
  15. //提示
  16. uni.showToast({
  17. title: '没有更多了~',
  18. duration: 1000,
  19. icon: 'none'
  20. })
  21. } else {
  22. //否则,页码+1,继续请求列表
  23. this.pageNum++
  24. this.getNew2()
  25. }
  26. },
  27. //
  28. getNew2(){
  29. request.get({
  30. url:'/busiNewsDetail/detail/list',
  31. data:{
  32. pageNum:this.pageNum,
  33. pageSize:this.pageSize,
  34. },
  35. success: res => {
  36. if (res.code == 200) {
  37. if (this.pageNum == 1) {
  38. this.list = res.rows
  39. } else {
  40. this.list.push(...res.rows)
  41. }
  42. this.count=res.total
  43. }
  44. }
  45. })
  46. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/221417
推荐阅读
相关标签
  

闽ICP备14008679号