vue中换一换 每次换5个

 change_data (item) { //每次点击换一批触发这个方法
          let arr = item.behaviorList//换一换的总数据
          let page = item.behaviorListPage //页码
          let tol_num = arr.length //总数据有多少个
          //如果总共数量小于等于5条数据,换一换没有数据了,
          if (tol_num <= page*5) {

            //如果没有数据就从第一页开始
            this.pageRecode.forEach(mmm=>{
              if(mmm == item){
                mmm.behaviorListFive = []
                mmm.behaviorListPage = 1 //页码=1
                mmm.behaviorList.forEach((n,i)=>{
                  if(i<5 ){ //回到初始化
                    mmm.behaviorListFive.push(n)
                  }
                })
              }
            })

          }else{
            page++
            //更改数据
            this.pageRecode.forEach(mmm=>{
              if(mmm == item){
                mmm.behaviorListFive = []
                mmm.behaviorListPage++ //页码增加1
                mmm.behaviorList.forEach((n,i)=>{
                  if( i<page*5 && i>=(page-1)*5 ){ //5-9  用page==2代入
                    mmm.behaviorListFive.push(n)
                  }
                })
              }
            })
          }
        //刷新
        this.uploadDiv = false;
        this.$nextTick(()=>{
          this.uploadDiv = true;
        })

      },

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值