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;
        })

      },

猜你喜欢

转载自blog.csdn.net/weixin_44727080/article/details/114842990