轮播一页显示多少条数据
作者:互联网
// 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