ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

轮播一页显示多少条数据

2021-10-08 09:31:19  阅读:170  来源: 互联网

标签:轮播 newArr newData start length 一页 var 多少 size


 //  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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有