uniapp 单页面开启上拉触底刷新事件

最新推荐文章于 2024-03-04 17:02:20 发布

躺在床上睡:

最新推荐文章于 2024-03-04 17:02:20 发布

阅读量1.4k

点赞数 4

文章标签： uni-app 前端 vue.js javascript

本文链接：https://blog.csdn.net/weixin_65537918/article/details/128382623

版权

1.在pages.json里面找到你需要开启的那个页面，加上"onReachBottomDistance": 50

    {
      "path": "pages/profit/definite/index",
      "style": {
        "navigationBarTitleText": "佣金明细",
        "enablePullDownRefresh": false,
        "onReachBottomDistance": 50//50代表距离底部多少的距离 这个根据自己的需求 一般都是50
      }
    },

2.在页面 methods中添加onReachBottom() //上拉触底事件

      onReachBottom() { //上拉触底事件 距离底部50px的时候会触发
        if (this.list.length < this.total) {
          this.page++
          commissionList({
            page: this.page
          }).then(res => {
            this.newlist = res.data.data
            this.list = [...this.list, ...this.newlist]
          })
        }

      },