微信小程序分页功能实现

最新推荐文章于 2025-02-23 16:09:14 发布

嫣嫣细语

最新推荐文章于 2025-02-23 16:09:14 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序小程序前端

本文链接：https://blog.youkuaiyun.com/aaa123aaasqw/article/details/131084280

先在data里定义当前页，每页条数，全部总条数在wxml页面遍历cartListDatas

  data: {
    page: 0, //当前页
    pages: 10, //每页条数
    total: 0, //q全部总条数
    cartListDatas: [],

  },

请求接口数据

 // 获取数据
  getCartList(isMerge) {
    var deptId = wx.getStorageSync('deptId')
    var pages = this.data.pages
    var page = this.data.page
    config.reqestApi(app.globalData.api + `/cart/getCars?deptId=${deptId}&page=${page}&size=${pages}`).then(res => {
      console.log("cart=============", res)
      if (res.data.code == 200) {
        let cartListDatas = this.data.cartListDatas
        if (!isMerge) {
          //不合并,shop需要初始化
          cartListDatas = [];
        }
        cartListDatas = cartListDatas.concat(res.data.data.content) || [];
        this.setData({
          cartListDatas,
          total: res.data.data.totalElements,
        })
      }
    })
  },