其他分享
首页 > 其他分享> > 轮播一页显示多少条数据

轮播一页显示多少条数据

作者:互联网

 //  array  展示swiper的数组
    //   size  每页展示数据的个数
    swiper(arr, size) {
      //  定义好全局this指向
      let that = this;
      //  获取数组长度
      var length = arr.length;
      //  一共可以分为几页,ceil:取整,有小数点加一  例如:1.2  取  2
      var page = Math.ceil(length / size);
      //  创建一个新数组,存放截取后的数据
      var newData = [];
      //  从第几个开始截取
      var start = 0;

      for (var i = 1; i < page; i++) {
        //  i 指循环到第几页   i *  size  截取到第几个,页数 * 每页个数
        var newArr = arr.slice(start, i * size);
        //  放在新的数组中
        newData.push(newArr);
        //  查看余数
        var remainder = length - i * size;
        //  下一次开始的下标,第二页应从下标为4开始
        start = i * size;
      }
      //  判断余数是否大于每页展示个数
      if (remainder > size) {
        return;
      } else {
        //  小于每页个数的话,直接截取到最后一个,再存到数组中,渲染到页面上
        var newArr = that.debviceList.slice(start, length);
        newData.push(newArr);
        this.debviceList = newData;
        console.log(this.debviceList);
      }
    },

标签:轮播,newArr,newData,start,length,一页,var,多少,size
来源: https://blog.csdn.net/Programmerwhite/article/details/120645518