小程序 实现分页源代码

news/2024/7/19 13:03:44 标签: 小程序, vue, js

const apis = getApp().API //封装接口


Page({

  /**

   * 页面的初始数据

   */

  data: {

    isAllData:false,//判断列表的长度

    pageIndex:1,//当前页

    // pages:5,//每页条数

    total:0,//总条数

    list:[],//优惠券列表,

    lists:'',

    },


  couponlist(page){

        var data={

          pageIndex:this.data.pageIndex,

          couponState:this.data.couponState

        }

        let pageIndex = this.data.pageIndex

        let isAllData = this.data.isAllData

  apis.GetUserCouponByPage(data).then(res=>{//封装的接口

    if (res.data.data.length != 0) {

      let list = this.data.list.concat(res.data.data)

      pageIndex += 1

      isAllData = true

      this.setData({

        pageIndex: pageIndex,

        list,

        isAllData,

      })

    } else {

      let list = this.data.list.concat(res.data.data)//concat(相当于push进去,每次执行下拉分页向里面加数据

      isAllData = false

      this.setData({

        list,

        isAllData

      })

    }

   

  })



},


  /**

   * 页面上拉触底事件的处理函数

   */

  onReachBottom: function () {

  if(this.data.isAllData== true){

    this.couponlist() 

  }


},



})


http://www.niftyadmin.cn/n/1367298.html

相关文章

unshift向数组添加自定义对象

//unshift和push相反,unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。push() 方法//可向数组的结尾添加一个或更多元素,并返回新的长度。res.data.unshift({id:0,//自定义添加的对象内容name:推荐})that.setData({bankList…

小程序实现购物车

小程序购物车实现 js const apis getApp().API const app getApp() Page({ /** * 页面的初始数据 */ data: { number: , userCarId: , //购物车id carts: [], //存放数据 cartsid: [], //存放数据 hasList: false, pageIndex: 1, isAllData: false, deleteData: , //当页…

vue文件预览word等

第一种&#xff1a; <a :href "http://www.xdocin.com/xdoc?_functo&amp;_formathtml&amp;_cache1&amp;_xdocscope.row.FileUrl" target"_blank" rel"nofollow"> 第二种&#xff1a; //文件预览点击的时候传url(文件…

小程序点赞实现局部刷新

//html<view class"say_item" bindtap"open" data-id"{{item.id}}">//js open (e) { //点赞点击事件 let dynamicId e.currentTarget.dataset.id//点赞的时候传的idlet allNewsList this.data.list//列表数组for (let i 0; i &l…

小程序从数组中删除指定对象,返回新的长度源代码

html <view data-index{{index}} bindtapcancel>删除</view> js cancel(e) {let dynamicId e.currentTarget.dataset.index//点击返回去的下标let allNewsList this.data.list//原始列表数组allNewsList.splice(dynamicId, 1);//删除指定下标}this.setData({lis…

小程序富文本设置图片大小

html <rich-text nodes"{{listmore}}"></rich-text> js this.setData({ contents:res.data.contents.replace(/\<img/gi, <img class"add" style"width:100%;height:auto")//class"add"我是设置了全局样式&am…

小程序自定义导航下标图片

html <view class"container"><!-- tab导航栏 --><!-- scroll-left属性可以控制滚动条位置 --><!-- scroll-with-animation滚动添加动画过渡 --><scroll-view scroll-x"true" class"nav" scroll-left"{{navScr…

vue下载图片,word,pdf,自定义下载名称

downloadFiles(url, name) {//url是路径&#xff0c;name是要更改的下载名称let link document.createElement(a)let url url// 这里是将url转成blob地址&#xff0c;fetch(url).then(res > res.blob()).then(blob > { // 将链接地址字符内容转变成blob地址link.href …